Hola a todos, necesito una pequeña ayuda con un menu en css.
Necesito que en la barra azul oscuro aparesca un sub menu. Es decir, que al seleccionar por ejemplo imageboard en la barra azul oscura aparesca un link de upload, uno de ver y asi seggun se indique.
Este es el css actual:
Código:
#nav_container{position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#nav_main{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/menu/menu_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#nav_main ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#nav_main ul li{display:block;float:left;margin:0 1px;}
#nav_main ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#nav_main ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#nav_main ul li a:hover{color:#fff;background:transparent url(images/menu/menu_bg_over.gif) repeat-x bottom left;}
#nav_main ul li a:hover span{display:block;width:auto;cursor:pointer;}
#nav_main ul li a.current,#nav_main ul li a.current:hover{color:#fff;background:#1D6893 url(images/menu/nav_left_on.gif) no-repeat top left;line-height:275%;}
#nav_main ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/menu/nav_right_on.gif) no-repeat top right;height:33px;}
Y el html:
Código HTML:
<div id="ver_menu">
<ul>
<li>{link_edit}</li>
<li>{link_report}</li>
<li>{link_favorite}</li>
<li>{link_download}</li>
</ul>
</div>