Francés Prueba

#menu{ /*estilo de nuestra lista*/ background-color:#414141; list-style:none; width:auto; position:relative; display:block; height:36px; } #menu li{ /*estilo a cada uno de los elementos(li) de nuestro menu*/ float:left;/* propiedad importante para que nuestro menu tome la forma horizontal*/ display:block; position:relative; } #menu li a{ /*estilo de los enlaces */ color:#fff; text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:1.3em; padding:10px 14px 8px 16px; display:block; } #menu li ul{ /*estilo de los submenus*/ width:120px; background:#F8F8F8; border:1px #ccc solid; display:none; /*importante para que los submenus no estén visibles*/ position:absolute; z-index:999; margin-top:0px; } #menu li ul li{ /*estilo a cada uno de los elementos(li) de nuestro submenu*/ width:100%; list-style:none; display:block; } #menu li ul li a{ /*estilo a cada uno de los enlaces de nuestro submenu*/ color:#21759b; font-size:14px; line-height:1.3em; display:block; font-weight:normal; padding:8px } #menu li ul li a:hover{ /*un poco de decoracion a los enlaces de nuestro submenu al estar el cursor sobre ellos con ayuda de el selector :hover */ background-color:#FFF; color:#444; text-decoration:underline; }

Francés Prueba

Objetivo

Translate