Foros del Web » Creando para Internet » CSS »

Distribución atípica en un formulario

Estas en el tema de Distribución atípica en un formulario en el foro de CSS en Foros del Web. Hola, tengo una duda que no sé cómo resolver. Se trata de conseguir que el siguiente formulario (si, la distribución es rara y puede que ...
  #1 (permalink)  
Antiguo 02/08/2012, 11:48
 
Fecha de Ingreso: enero-2012
Ubicación: Tenerife
Mensajes: 26
Antigüedad: 12 años, 10 meses
Puntos: 0
Distribución atípica en un formulario

Hola, tengo una duda que no sé cómo resolver.
Se trata de conseguir que el siguiente formulario (si, la distribución es rara y puede que no sea la ideal) tenga la distribución de la imagen, ejemplo A. Por ahora no consigo más que obtener el aspecto del ejemplo B.

[URL="http://goo.gl/23KNV"]Imagen[/URL]

¿Cómo puedo conseguir que los "p" tengan un ancho que yo defina? Se limitan a lo que ocupan aun especificándole que tengan un ancho concreto.
La distribución al medio tampoco la consigo hacer (ver figura A) y nombre4 se baja a la parte baja del rectángulo más alto.

Es un formulario generado por Contact form 7 html5 (una variante del contact form 7).

Alguna ayuda por favor?

He usado el siguiente código html para hacerlo más fácil, o eso creía, pero lo dicho, no sé cómo hacer para que se ubique todo coomo en la figura A de la imagen.
El plugin genera un código que se puede modificar para crear los formularios, excepto para los input que los mete en span, de resto se puede modificar. Así que ya he probado varias configuraciones para intentar configurar las posiciones pero al final he probado con esta:

Código HTML:
<form>

	<div class="fila">
		<p class="tituloCampo">nombre</p>
		<span class="contenedorInput">
			input
		</span>
	</div>
	
	<div class="fila">
		<span class="contenedorInput">
			input
		</span>
		<p class="tituloCampo">nombre2</p>
	</div>
	
	<div class="fila">
		<p class="tituloCampo">nombre3</p>
		<span class="contenedorInput">
			input
		</span>
	</div>
	
	<div class="fila">
		<span class="contenedorInput">
			input
		</span>
		<p class="tituloCampo">nombre4</p>
	</div>
	
</form> 
Gracias.
  #2 (permalink)  
Antiguo 02/08/2012, 21:51
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 10 meses
Puntos: 57
Respuesta: Distribución atípica en un formulario

Hola chrisdgallego, que tal.

Y el CSS?

Estas en el foro de CSS y sin el no te puedo ayudar. Desconozco el uso de Contact form 7 html5.

Cita:
El plugin genera un código que se puede modificar
Y debo suponer que también te genera el CSS necesario para posicionar todos esos elementos del formulario, por lo que te pido nuevamente que nos compartas el código CSS también.

Etiquetas: distribución, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:40.