Tema: Botonera css
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/09/2008, 02:41
Avatar de IruLaN
IruLaN
 
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 412
Antigüedad: 19 años, 1 mes
Puntos: 12
Botonera css

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>

Última edición por IruLaN; 22/09/2008 a las 02:42 Razón: Gracias