Foros del Web » Creando para Internet » CSS »

Botones desplegables css e ie

Estas en el tema de Botones desplegables css e ie en el foro de CSS en Foros del Web. Buenos dias, tengo problema con los botones desplegables que pueden verse en la siguiente url http://www.314bcn.com/contactompv.php El problema es que en firefox funcionan perfectamente pero ...
  #1 (permalink)  
Antiguo 26/09/2008, 03:23
Avatar de IruLaN  
Fecha de Ingreso: octubre-2005
Ubicación: Sitges, Barcelona.
Mensajes: 413
Antigüedad: 12 años, 1 mes
Puntos: 12
Botones desplegables css e ie

Buenos dias, tengo problema con los botones desplegables que pueden verse en la siguiente url

http://www.314bcn.com/contactompv.php

El problema es que en firefox funcionan perfectamente pero en ie no. Cuando llega el punto en el que se solapan con la tabla de abajo se esconden.

Dejo el codigo:


CÓDIGO CSS:



ul.menu
{
list-style:none;

}


ul.menu li
{
position:relative;
widht:100 px
}


ul.menu ul
{
position:absolute;
left:60px;
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;
background-color: #990000;
text-align:left;
text-decoration: none;
}

.botones:link,
.botones:visited
{
border-top: 1px solid #cccccc;
border-bottom: 2px solid #666666;
border-left: 1px solid #cccccc;
border-right: 2px solid #666666;
text-decoration: none;
}

.botones:hover
{
border-bottom: 1px solid #cccccc;
border-top: 2px solid #666666;
border-right: 1px solid #cccccc;
border-left: 2px solid #666666;

}



CÓDIGO HTML:

<td>
<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><a href="serpavimentos.html" class="botones">Pavimentos</a></li>
<li> Albañileria</li>
</ul>
</li>
<li> Vivienda</li>
<li> Decoración</li>
<li> Obra civil</li>
</ul>
</li>
<li><a href="contactompv.php" class="botones">Contacto</a></li>
</ul></td>




GRACIAS!!!!!
  #2 (permalink)  
Antiguo 29/09/2008, 03: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: Botones desplegables css e ie

Nadie puede ayudarme??? :(
  #3 (permalink)  
Antiguo 29/09/2008, 03:14
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: Botones desplegables css e ie

Lo cierto es que ahí hay un lio importante, con un anidamiento de tablas realmente excesivo (a mi entender), y no imagino por qué tienes toda la tabla de abajo dentro de un blockquote.

Puedes probar a ponerle posición relativa al blockquote y un z-index bajo, y al ul un z-index más alto.

blockquote {position: relative; z-index: 1;}

ul.menu > li > ul {display:none;
left:-35px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
top:19px;
width:100px;
z-index: 1;}
__________________
Visita mi nueva web idplus.org
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 23:41.