Foros del Web » Creando para Internet » CSS »

Controlar las características de un label jsp con css

Estas en el tema de Controlar las características de un label jsp con css en el foro de CSS en Foros del Web. Buenos días, tengo un problema que me está quitando el sueño. Estoy haciendo una página jsp que contiene un formulario, y está hecho al estilo ...
  #1 (permalink)  
Antiguo 29/10/2008, 10:17
Avatar de Fuzzylog  
Fecha de Ingreso: agosto-2008
Ubicación: En internet
Mensajes: 2.511
Antigüedad: 15 años, 7 meses
Puntos: 188
Controlar las características de un label jsp con css

Buenos días, tengo un problema que me está quitando el sueño.

Estoy haciendo una página jsp que contiene un formulario, y está hecho al estilo fieldset pero de forma manual, es decir, un div contenedor con bordes estilo "panel", con "paneles" internos y divs clase "field" que actúan como campos del formulario.

El problema viene con que en cada campo tengo que poner un label que contiene un texto determinado (que se define en resources.properties) y un campo de texto donde se escribirá lo que corresponda para enviar con el formulario.

Lo que quiero que despliegue sería algo como esto:

textoloquesea1 |inicio del campo de texto1|
texto2 |campo de texto2|
textomedio3 |campo de textomedio3|

(bueno, aquí está desplazado un poco el campo detexto2, pero se entiende la idea)

Es decir, que los labels empiecen a la izquierda y los campos de texto empiecen todos a un determinado width (numero de pixels desplazados) a la derecha del inicio (y no del final) de los labels.

El problema es que le he intentado fijar al label un ancho fijo por estilos y el navegador no lo refleja, y no entiendo a qué se debe.

¿alguna ayuda?
  #2 (permalink)  
Antiguo 29/10/2008, 16:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Controlar las características de un label jsp con css

Mira a ver si es esto a lo que te refieres o te sirve de algo:

http://www.araudi.net/ejemplos/formu...uilibrado.html
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 30/10/2008, 01:55
Avatar de Fuzzylog  
Fecha de Ingreso: agosto-2008
Ubicación: En internet
Mensajes: 2.511
Antigüedad: 15 años, 7 meses
Puntos: 188
Respuesta: Controlar las características de un label jsp con css

Sí, exactamente es eso, pero con la salvedad de que no es exactamente html, sinó jsp con struts usando java beans, y la forma de controlar los tamaños es un poco más complicada.

Así serían los distintos campos dentro de un panel:

<div class="field">
<label for="web" style="width: 10em;"><bean:message key="dominioEmpReg.page.web"/></label>
<html:text property="web" size="24" maxlength="24"/>
</div>
<div class="field">
<label for="email" style="width: 10em;"><bean:message key="dominioEmpReg.page.email"/></label>
<html:text property="email" size="24" maxlength="24"/>
</div>
<div class="field">
<label for="contacto" style="width: 10em;"><bean:message key="dominioEmpReg.page.contacto"/></label>
<html:text property="contacto" size="16" maxlength="16"/>

(todo esto dentro de un formulario)

Ahora bien, si son sólo el label y su textbox, podría controlarlos medianamente bien con tablas, con la salvedad de tener que hacer unos arreglillos para firefox, pero cuando quería ponerlos agrupados por pares se me iba todo de madre.

Al final lo dejaré con 1 pareja por cada campo...
  #4 (permalink)  
Antiguo 30/10/2008, 03:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Controlar las características de un label jsp con css

Ah, bueno. No controlo nada de JSP y no sé cómo se hacen las cosas. Al menos ahí queda la muestra de cómo se puede hacer mediante html y css.

A ver si lo consigues.

Saludos.
__________________
Visita mi nueva web idplus.org
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 06:50.