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 daniel.gonza...@freelancemadrid.es
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 /
div id=header
form
select
optionSecciones/option
optionContenido/option
optionEstadisticas/option
optionPesos/option
optionContabilidad/option
/select
/form
/div!--#header--
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
