Hola,

Alec Roche wrote:
Hola,

Me gustaría saber cómo puedo hacer que las opciones de una combo se vean por completo en IE y no se corte el texto hasta el ancho de dicha combo (fíjate en option 2). Por ejemplo con Firefox despliega la combo hasta el límite del texto. Y por supuesto me gustaría que fuera accesible ;-)

No creo que puedas conseguir lo que buscás, porque depende justamente de cómo cree IE que tiene que mostrar las opciones de un <select>.

Mi código es el siguiente:

<div id="menus">
    <div id="mSecundario">
        <div class="invisible"><h1>Men&uacute; secundario</h1></div>
<div id="tituloMenu"><span id="accDirectos">Accesos Directos:</span></div>
[...]

</div>

Al margen de la consulta, siguiendo el manual "Normas de estilo para preguntar en Ovillo, Tomo V, Capítulo 36", te recomiendo que cuando envíes código en una consulta, lo hagas con un fragmento abreviado. Te darás cuenta que interpretar código no es una tarea sencilla, por lo que tendrás mayores posibilidades de obtener una respuesta cuanto más fácil nos la hagas.

.invisible{display:none;}


También al margen, pero como mencionás más arriba que querés hacerlo accesible, también te recomiendo evitar display: none para ocultar visualmente un elemento, porque también lo estás ocultando para los lectores de pantalla.

Además, salvo que vayas a cambiarla con javascript o algo así, no tenés necesidad de usar una clase para hacer lo que podrías hacer así:

h1 {height: 0; overflow: hidden; }

Espero que te sirvan los consejos,

saludos

--
Camilo Kawerín
27Sur comunicación & diseño
http://www.27sur.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a