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
Compartir

16 comentarios sobre “Hacer un menú desplegable (html+css)”

  • 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

  • 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

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

  • 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

  • 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

  • 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 dice:

    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…

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

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

  • 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 dice:

    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.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Puedes usar estas etiquetas y atributos HTML:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>