Hola amig@s!!
He realizado una botonera desplegable con css ( es la primera que hago en mi vida jejeje) y no se como hacer para que el menú desplegable de segundo nivel se acerque más al desplegable que queda a la izquierda... no se si me he explicado bien...
dejo el código para que lo veais:
<style type="text/css">
/*css de todo*/
.imagenes {
border: medium solid #660000;
}
Gracias
ul.menu
{
list-style:none;
}
ul.menu li
{
position:relative;
widht:100 px
}
ul.menu ul
{
position:absolute;
left:80px;
top:-2px;
display:none;
list-style:none;
}
ul.menu li:hover>ul
{
display:block;
width:100px;
}
ul.menu> li> ul
{
position:absolute;
left:-35px;
top:19px;
display:none;
list-style:none;
width:100px;
}
ul.menu>li
{
display:inline;
}
.botones
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
padding: 4px;
color: #FFFFFF;
text-decoration: none;
background-color: #990000;
text-align:left;
}
.botones:link,
.botones:visited
{
border-top: 1px solid #cccccc;
border-bottom: 2px solid #666666;
border-left: 1px solid #cccccc;
border-right: 2px solid #666666;
}
.botones:hover
{
border-bottom: 1px solid #cccccc;
border-top: 2px solid #666666;
border-right: 1px solid #cccccc;
border-left: 2px solid #666666;
}
</style>
LISTA
<ul class="menu">
<li class="botones">Empresa
<ul>
<li class="botones">Historia</li>
<li class="botones">Política</li>
<li class="botones">Estrategia</li>
</ul>
</li>
<li class="botones">Empleados
<ul>
<li class="botones">Presentación</li>
<li class="botones">Organigrama</li>
</ul>
</li>
<li class="botones">Servicios
<ul>
<li class="botones">Obra nueva
<ul>
<li class="botones">Vivienda unifamiliar</li>
<li class="botones">Vivienda plurifamiliar</li>
<li class="botones">Naves</li>
<li class="botones">Oficinas</li>
</ul>
</li>
<li class="botones">Mantenimiento
<ul>
<li class="botones">Fachadas</li>
<li class="botones">Cubiertas</li>
</ul>
</li>
<li class="botones">Reformas
<ul>
<li class="botones">Pavimentos</li>
<li class="botones">Albañileria</li>
</ul>
</li>
<li class="botones">Vivienda</li>
<li class="botones">Decoración</li>
<li class="botones">Obra civil</li>
</ul>
</li>
<li class="botones">Contacto</li>
</ul>
</li>
