Foros del Web » Creando para Internet » CSS »

Botonera css

Estas en el tema de Botonera css en el foro de CSS en Foros del Web. Hola [email protected]!! He realizado una botonera desplegable con css ( es la primera que hago en mi vida jejeje) y no se como hacer para ...
  #1 (permalink)  
Antiguo 22/09/2008, 03:41
Avatar de IruLaN  
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 413
Antigüedad: 12 años, 1 mes
Puntos: 12
Botonera css

Hola [email protected]!!

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 03:42 Razón: Gracias
  #2 (permalink)  
Antiguo 22/09/2008, 04:03
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Botonera css

Así a simple vista imagino que te bastaría con reducir el left de este selector:

ul.menu ul
{
position:absolute;
left:80px;
top:-2px;
display:none;
list-style:none;
}
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 22/09/2008, 05:06
Avatar de IruLaN  
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 413
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Botonera css

Que bien, si que era eso, muchisimas gracias :D
  #4 (permalink)  
Antiguo 22/09/2008, 05:17
Avatar de IruLaN  
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 413
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Botonera css

Tengo un nuevo problema y es que la botonera en firefox funciona perfectamente pero en ie no se desplegan todos los botones, cuando paso el ratón por los botones ya desplegados que se solapan con la tabla de abajo se esconden todos....

¿Que ocurre?
¿Cómo puedo solucionarlo??
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:40.