soy muy novato en css y tengo este menú horizontal creado.
mi codigo aspx es este:
<ul id="menu">
<li><a class="current" href="">¿Quiénes somos?</a></li>
<li><a href="servicios.aspx">Servicios</a></li>
<li><a href="galeria.aspx">Obras</a></li>
<li><a href="presupuestoTerm.aspx">Presupuestos</a></li>
<li><a href="ahorro.aspx">Consejos</a></li>
<li><a href="ofertas.aspx">Ofertas</a></li>
<li><a href="noticias.aspx">Noticias</a></li>
<li><a id="last" href="#">Contacto</a></li>
</ul>
y el css es el siguiente:
#menu { margin: 0 0 50px; }
#menu li { list-style: none; float: left; }
#menu li a { cursor: pointer; font: Verdana; padding: 5px 27px; line-height: 25px; background: #8C2E2E; margin: 0 1px 0 0; color: #B4B4B4; }
#menu li a:hover { background: #FF8787; color: #000; }
#menu li a.current { background: #66A3CF; color: #fff; }
#menu li a#last { margin: 0; padding: 5px 35px 5px 34px; }
.third { font-size: .9em; float: left; width: 800px; margin: 0 30px 30px 30px; }
.last { float: right; margin: 0 10px 10px 0; }
necesito que cuando el raton este sobre "consejos" se desplieguen hacia abajo 4 opciones más. Es esto difícil de conseguir? con los tutoriales no consigo gran cosa, nunca habia visto css.
muchas gracias al que pueda ayudarme!