SELECT + style='width:120'
5 seguidores
A ver si alguien puede echarme una mano.
Tengo 2 select de la siguiente forma:
<select name='regimen' style='width:120' >
<option value = "AL">SOLO ALOJAMIENTO</option>
....
</select>
Muestra: "SOLO A"
Desplegado: "SOLO ALO"
Quisiera ver : "SOLO ALOJAMIENTO"
<select name='habitaciones' style='width:120' >
<option value='DA' > DOBLE ADAPTADA </option>
</select>
Muestra: "DOBLE"
Desplegado: "DOBLE AD"
Quisiera ver: "DOBLE ADAPTADA".
Esto solo sucede con el IE, porque he probado con Opera y Firefox y se ve correcto.
Alguien sabe solucionar este problemilla con el IE.
ru_2
No entiendo pero no querras decir esto?
<select style='width:70px'>
<option> demasiado largo</option>
<option> otro </option>
</select>
-----
<select name="select">
<option style='width:150px'> demasiado largo</option>
<option> otro </option>
</select>
Simplemente pones el tamaño a la caja, tambien con hoja de estilo puedes definir el tamaño de la letra para que lo tengas asegurado
Gusku
A ver si alguien puede echarme una mano.
Tengo 2 select de la siguiente forma:
<select name='regimen' style='width:120' >
<option value = "AL">SOLO ALOJAMIENTO</option>
....
</select>
Muestra: "SOLO A"
Desplegado: "SOLO ALO"
Quisiera ver : "SOLO ALOJAMIENTO"
<select name='habitaciones' style='width:120' >
<option value='DA' > DOBLE ADAPTADA </option>
</select>
Muestra: "DOBLE"
Desplegado: "DOBLE AD"
Quisiera ver: "DOBLE ADAPTADA".
Esto solo sucede con el IE, porque he probado con Opera y Firefox y se ve correcto.
Alguien sabe solucionar este problemilla con el IE.
Gusku
He probado poniendo "120px"
Tb probe
select, option {
width: 120px;
}
incluso solo
select {
width: 120px;
}
option {
width: 200px;
}
eRNieb el size me transforma el desplegable en una lista no me interesa asi.
Pero sigo igual... me va a tocar hacer algo por capas, ventana, o yo que se pero esta visto que no puedo maquetar la web limitando el desplegable.
Si quereis probarlo en un documento html pelado escribir :
<code>
<select style='width:70px'>
<option> demasiado largo</option>
<option> otro </option>
</select>
-----
<select style='width:70px'>
<option style='width:150px'> demasiado largo</option>
<option> otro </option>
</select>
</code>
El segundo funciona incluso poniendo 50px en el FireFox pero IE aplica el width del select no hace ni ------ caso al del option :(
cbp
pon "120px", no sólo "120"
eRNieB
Gusku, ¿has probado lo siguiente? :-¿?
select, option {
width: 120px;
}
O bien darle un size al select.
Lo que no entiendo es que no te coja el tamaño del texto por defecto, la verdad.
Ya diras... Tiene que haber una solución para esto. ;)
Saludos,
eRNieB
sole
Me parece que la unica forma de arreglarlo en IE es quitarle el width, para que lo adapte a su gusto. Claro que eso te desmaquetara el disenyo probablemente. Pero bueno, asi es IE... :P