Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /usr/home/dissenyaweb.com/web/blog/diseno_web/wp-content/plugins/highlight-source-pro/highlight_source_pro.php on line 128 Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /usr/home/dissenyaweb.com/web/blog/diseno_web/wp-content/plugins/highlight-source-pro/highlight_source_pro.php on line 128

Hacer un menú desplegable (html+css)

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /usr/home/dissenyaweb.com/web/blog/diseno_web/wp-content/plugins/highlight-source-pro/highlight_source_pro.php on line 128

16 comentarios

Ir al formulario de comentarios

    • ross on 14 junio, 2011 at 19:13

    que tal no entiendo si el primer codigo debe de ir en html y el otro en una hoja css me podrias ayudar para que pueda realizarlo gracias

    • andres on 25 marzo, 2012 at 18:15

    hey ross el primero es html y en donde dice menu swon las opciones del menu desplegable y lo otro lo pones tal cual como esta en el css

    • angelica on 20 abril, 2012 at 20:14

    hola!
    que tendria q hacer para que el menu sea vertical?

    • Raúl on 12 mayo, 2012 at 8:19

    Hola:

    Muchas gracias por compartir tus conocimientos con todos los que damos nuestros primeros pasos en diseño web. Pero querí­a comentarte que no me funciona . He probado hasta incorporar estos códigos en una hoja completamente en blanco (Solo la cabecera head mí­nima). Enlazando a un archivo css con el otro código y hasta incorporandolo en el head de una única página y sigue sin funcionarme.

    Yo pensé que solo era copiar y pegar para que funcionase aunque sea con unos colores preestablecidos. ¿Que más hay que cambiar?.
    Muchas gracias de antemano.

    • Isabel on 15 junio, 2012 at 9:58

    ¿Esto se puede hacer en dreamweber? (o como se escriba 😉 )

    • vlado on 6 julio, 2012 at 17:18

    hola, andres. no he podido entender nada, y lo que quiero es ponerle un menú a mi página indicada aquí­.
    te ruego una ayuda
    vlado

  1. NO FUNCINA MIERDAS!

    • croninger on 3 septiembre, 2012 at 5:40

    comoseparo las caracteristicas que aplico a body y que no afecten al menu de navegacion
    gracias
    Codigo

    body{
    margin:100;
    }

    #menuli {
    list-style:none;
    padding:0;
    margin: 0% 18% 0% ;
    }

    #menuli li {
    margin:2px;
    padding:0;
    float:left;}

    #menuli li a {
    display:block;
    width:100px;
    padding:4px 0;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    color:#FFFFFF;
    background-color:#FF0000;}

    #menuli li a:hover {
    color:#99CC00;
    background-color:#003366;
    font-weight: bold;
    }

    a:link {
    color:$linkcolor;
    text-decoration:none;
    }
    a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }
    a:hover {
    color:$titlecolor;
    text-decoration:underline;
    }
    .formato {
    color: #FF2233;
    font-family: Times New Roman;
    }
    .formato {
    float: left; width: 500px;
    }

    Opción 1
    Opción 2
    Opción 3
    Opción 4
    Opción 5
    Opción 6

    Modo de dar color al texto de una pagina web

  2. Hola Croninger,

    Tienes que crear más clases y asignarlas a los elementos de la página. Por ejemplo, si le das un nombre a tu menú, luego puedes utilizar la clase:

    .nombredelmenu #menu li {
    list-style:none;
    padding:0;
    margin: 0% 18% 0% ;
    }

    Así­ afectará solo a ese menú en concreto.

    Espero que te sirva

    • D Pablo Rodriguez on 15 septiembre, 2012 at 14:39

    Algo que por ahí­ no se menciona en el linkear la pag CSS en el HTML…

    /* dentro del head */

    /* no me acuerdo tal cual era, verifiquen */

    Al copiar cosas de internet muchas veces se olvida eso :/ por ahí­ le sirva a alguien…

  3. Tienes razón Pablo, el código para vincular el archivo CSS seria algo así­:

    Como dice Pablo, tiene que estar dentro del head

    • Gerardo on 21 noviembre, 2012 at 3:13

    Saben algoO la netha yo les recomiendoO que mejor hagan el menu desplegable en Dreamweaver cs5 se los recomiendo (Y) solo insertas el menu spray que es el deplegable y automaticamente tambien se te pone el codigoO…

    • Alvaro on 22 noviembre, 2012 at 18:04

    no me funciona, no veo el menu horizontal y no despliega los submenus, solo veo las letras negras que pasan a rojas en el hover, que puede ser??

  4. Hola la verdad voy a empezando con esto del diseño Web, me urgia tener minimo ya algo de la empresa y esto es lo que logrado conseguir gracias a un constructor de sitios predeterminado, la pregunta que quisiera hacerles es que ¿si en base a este tipo de sitios se puede programar un menu desplegable?, quisiera mejorarla y no se como dar este paso, les agradeceria de antemano su apoyo, saludos.

    • lewis causado on 6 octubre, 2015 at 21:42

    como puedo hacer que un menu me genere una imagen cuando ubique el cursor o de click en una opcion del menu?. Por ejemplo: en mi menu 1. Licor, 2. platos fuerte y 3. postres, cuando ubique el cursor o haga click sobre licor, aparezca a un lado un slider.

    • loco on 21 abril, 2017 at 23:01

    Nesecito un menu que despliegue haciea arriba lo quiero implementar en http://eltrendelmame.net

Deja un comentario

Your email address will not be published.