Terminado

Codigo html. Para menu desplegable azul cielo

Publicado el 27 Agosto, 2016 en Programación y Tecnología

Sobre este proyecto

Abierto

Menú desplegable azul cielo, letra blanca l, helvética

32 estados de mexico (secciones )
las ciudades de cada estado (sub secciones)
en esa ciudades al dar clic lleve a una url,  adjunto un codigo ejemplo e imagenes de como se busca



<html>
    <head>
        <title>menu desplegable</title>
        <style type="text/css">
           
            * {
                margin:0px;
                padding:0px;
            }
           
            #header {
                margin:auto;
                width:500px;
                font-family:arial, helvetica, sans-serif;
            }
           
            ul, ol {
                list-style:none;
            }
           
            .nav > li {
                float:left;
            }
           
            .nav li a {
                background-color:#000;
                color:#fff;
                text-decoration:none;
                padding:10px 12px;
                display:block;
            }
           
            .nav li a:hover {
                background-color:#434343;
            }
           
            .nav li ul {
                display:none;
                position:absolute;
                min-width:140px;
            }
           
            .nav li:hover > ul {
                display:block;
            }
           
            .nav li ul li {
                position:relative;
            }
           
            .nav li ul li ul {
                right:-140px;
                top:0px;
            }
           
        </style>
    </head>
    <body>
        <div id="header">
            <ul class="nav">
                <li><a href="">Inicio</a></li>
                <li><a href="">Servicios</a>
                    <ul>
                        <li><a href="">Submenu1</a></li>
                        <li><a href="">Submenu2</a></li>
                        <li><a href="">Submenu3</a></li>
                        <li><a href="">Submenu4</a>
                            <ul>
                                <li><a href="">Submenu1</a></li>
                                <li><a href="">Submenu2</a></li>
                                <li><a href="">Submenu3</a></li>
                                <li><a href="">Submenu4</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="">Acerca de</a>
                    <ul>
                        <li><a href="">Submenu1</a></li>
                        <li><a href="">Submenu2</a></li>
                        <li><a href="">Submenu3</a></li>
                        <li><a href="">Submenu4</a></li>
                    </ul>
                </li>
                <li><a href="">Contacto</a></li>
            </ul>
        </div>
    </body>
</html>

Este código pero confeccionado, para que quede como se solicita

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Bug o cambio pequeño
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo una idea
Disponibilidad requerida A tiempo parcial
Experiencia en este tipo de proyectos Sí (He administrado este tipo de proyectos anteriormente)
Roles necesarios Diseñador, Programador

Plazo de Entrega: No definido

Otros proyectos publicados por C. G.