Buenas estoy tratando de hacer un Menu Despegable con CSS y HTML en base de una barra que ya tengo hecha, he estado investigando un poco pero no me da. Espero que sus conocimiento me ayuden con esto. Gracias
Código:
#navbar{
width:auto;
height:36px;
background:url(bar_x/navbar-bg.png) left top repeat-x; }
#navbar .inbar{
display:block;
height:36px;
background:url(bar_x/right-round.png) right top no-repeat; }
#navbar ul, #navbar ul li{
border:0px;
margin:0px;
padding:0px;
list-style:none;
height:36px;
line-height:36px; } #navbar ul{
background:url(bar_x/left-round.png) left top no-repeat; }
#navbar ul li{
float:left;
display:block;
line-height:36px; }
#navbar ul li a{
color:#403e32;
text-decoration:none;
font-weight:bold;
display:block; }
#navbar ul li a span{
padding:0 20px 0 0;
height:36px;
line-height:36px;
display:block;
margin-left:20px; }
#navbar .navhome a, #navbar .navhome a:hover{
background:url(bar_x/a-bg.png) left top no-repeat;
height:36px;
line-height:36px; }
#navbar .navhome a span, #navbar .navhome a:hover span{
color:#FFFFFF;
background:url(bar_x/span-bg.png) right top no-repeat;
height:36px;
line-height:36px; }
#navbar ul li a:hover{
background:url(bar_x/ahover-bg.png) left top no-repeat;
height:36px;
line-height:36px; }
#navbar ul li a:hover span{
background:url(bar_x/spanhover-bg.png) right top no-repeat;
height:36px;
line-height:36px; }
Código HTML:
<div class="main">
<div id="navbar">
<span class="inbar">
<ul>
<li><a href="index/as.html"><span>Inicio</span></a></li>
</ul>