Buenos días Daniel
Creo que te estás complicando demasiado la vida buscándole 5 patas al gato.
Los elementos SELECT no están ideados para utilizarse en la navegación de un
sitio web. ¿Cómo vas a enviarle a los distintos sitios? ¿Con un INPUT o
empleando JavaScript con el evento onChange? La primera opción no me parece
muy elegante y desde luego nada usable, y la segunda no es nada accesible.
Si lo que quieres es hacer un menú utiliza enlaces que para eso se
inventaron. Y si quieres hacer un desplegable lo puedes construir
perfectamente con la única ayuda de CSS y una lista de enlaces para el menú
de navegación. A esto le puedes añadir utilizar Javascript si quieres darle
algún efecto o transiciones especiales. Puedes encontrar infinitud de
ejemplos por la red.
Haciendo la lista de esta forma puedes simular mediante estilos CSS que se
trata de un elemento desplegable.
Espero serte de ayuda.
Saludos,
Carlos
2009/11/16 Daniel González
> Hola a todos.
>
> Estoy maquetando un select, para que haga las veces de menú de un sitio
> web.
> La idea la tome de aqui[1], tan solo acabo de empezar la css y me
> enfrento a dos problemas con ese select que no soy capaz de resolver.
> 1 - en el de la imagen veo que han sustituido el boton de desplegar el
> select, por una imagen ... ? como se hace esto? [ver
> sin-desplegar.jpg]
> 2 - cuando despliego el select y coloco el puntero del raton sobre una
> de las opciones me colorea la opción de azul oscuro, cual es la
> propiedad que tengo que usar, para poner el color que quiero cuando el
> raton esta encima [ver desplegado.jpg]
>
> / --- css -- /
> reset.css de yahoo +
> body{background-color:#FFF; border:5px solid #FFF;}
> /* Header */
> #header {background-color:#424242; height:100px; border-bottom:3px
> solid #515151; border-top:1px solid #4C4C4C;}
> #header select{height:35px; width:300px; background-color:#666;
> border:1px solid #373737; margin-left:50px; margin-top:35px;
> color:#D0D0D0; font-size:20px; padding:4px 4px 4px 10px;}
> #header option{padding:4px 4px 4px 20px;}
> / --- HTML /
>
>
>
>Secciones
>Contenido
>Estadisticas
>Pesos
>Contabilidad
>
>
>
>
>
>
>
> http://www.desarrolloweb.com/articulos/images/pure-edit/sectors-center-crear.gif
> --
> -
> Daniel González Cerviño
> FreelanceMadrid.es
> Mail : daniel.gonza...@freelancemadrid.es
> Tel (+34) 653 96 50 48
> -
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
