Código HTML:
.menu { border:none; border:0px; margin:0px; padding:0px; font-family:'Reservation Wide Bd'; src: url('/fuentes/ReservationWide-Bd.otf.otf') format('opentype'); font-size:14px; font-weight:bold; width:900px; } .menu ul { background-image:url(menu/menu.png); height:35px; list-style:none; margin:0; padding:0; }.menu li { float:left; padding:0px; } .menu li a { background-image:url(menu/menu.png); color:#cccccc; display:block; font-weight:normal; line-height:35px; margin:0px; padding:0px 25px; text-align:center; text-decoration:none; } .menu li a:hover, .menu ul li:hover a { background-image:url(menu/menuhover.png); color:#FFFFFF; text-decoration:none; } .menu li ul a:.current{ background-image:url(menu/menuhover.png); color:#003a50; font-weight:700; } .menu li ul { background:#292929; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:225px; z-index:200;/*top:1em; /*left:0;*/ } .menu li:hover ul { display:block; } .menu li li { background:url('menu/sub_sep.gif') bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:225px; } .menu li:hover li a { background:none; } .menu li ul a { display:block; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left; } .menu li ul a:hover, .menu li ul li:hover a { background:#c9c330; /*background:#4b4b4b url('images/hover_sub.gif') center left no-repeat;*/ border:0px; color:#000000; text-decoration:none; } .menu p { clear:left; }
Código HTML:
<ul> <li class="current"><a href="index.php" >Inicio</a></li> <li><a href="#">Rooties</a> <ul> <li><a href="#">Calendario</a></li> <li><a href="#">Bar</a></li> <li><a href="#">Discomovil</a></li> <li><a href="horarios.php">Horarios</a></li> <li><a href="#">Eventos especiales</a></li> </ul> </li> <li><a href="/faq.php">Galería</a> <ul> <li><a href="#">Imágenes</a></li> <li><a href="#">Videos</a></li> </ul> </li> <li><a href="contact.php">Contactenos</a></li> </ul>
De antemano gracias