Re: [Ovillo] duda sobre select - option

2009-11-16 Por tema Daniel González
 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.


No se me había ocurrido :(.

Es verdad, es más fácil así.

Un saludo y gracias!

-- 
-
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


[Ovillo] duda sobre select - option

2009-11-15 Por tema 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  /
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

Re: [Ovillo] duda sobre select - option

2009-11-15 Por tema Carlos García-Olalla Olivera
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