Comunidad de diseño web y desarrollo en internet online

no me funciona en el explorer el menu desplegable

Citar            
MensajeEscrito el 11 Nov 2008 04:30 pm
Hola alguien sabe porque no me funciona en el explorer el menu desplegable que hice?

Aca les pongo todo el codigo. Muchas gracias

<html><head>

<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Thu Oct 02 17:40:46 GMT-0300 2008-->
<style type="text/css">
<!--
body {
margin-top: 0px;
background-image: url(imagenes/fondo.jpg);
background-repeat: repeat-x;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.Estilo21 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #692F2E;}
.Estilo35 {font-size: 12px}
#Layer1 {
position:absolute;
width:880px;
height:435px;
z-index:1;
overflow: scroll;
}
.Estilo40 {
color: #FFFFFF;
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
}
ul {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
}

li {
float: left;
background-color:#c80043;
color:#FFFFFF;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 23px;
font-weight: bold;
height: 23px;
list-style-image: none;
list-style-type: none;
}

li ul {
display: none;
position: absolute;
z-index: 1;
}
ul li ul li {
background-color:#999999;
color:#FFFFFF;
text-indent:10px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
position: relative;
z-index: 1;
float: left;
clear: left;
height: auto;
width: 300px;
}
li > ul {
top: auto;
left: auto;
}

li:hover ul, li.over ul{
display: block;
text-decoration: none;
}
estilo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}

#peliarriba{ position:absolute; z-index:1; } #peliabajo{ position:absolute; z-index:0; }
-->
</style>
</head><body bgcolor="#ffffff">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="926">
<!-- fwtable fwsrc="index.png" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "1222022653" fwnested="0" -->
<tbody><tr>
<td><img src="imagenes/spacer.gif" alt="" border="0" width="346" height="1"></td>
<td><img src="imagenes/spacer.gif" alt="" border="0" width="231" height="1"></td>
<td><img src="imagenes/spacer.gif" alt="" border="0" width="349" height="1"></td>
<td><img src="imagenes/spacer.gif" alt="" border="0" width="1" height="1"></td>
</tr>

<tr>
<td><img src="imagenes/index_r1_c1.jpg" width="346" height="78"></td>
<td><img name="index_r1_c2" src="prensa_files/index_r1_c2.jpg" alt="" border="0" width="231" height="78"></td>
<td><img src="imagenes/index_r1_c3.jpg" width="349" height="78"></td>
<td><img src="imagenes/spacer.gif" alt="" border="0" width="1" height="78"></td>
</tr>
<tr>
<div id="peliarriba">
<td colspan="3">
<ul>
<li><table width="15" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<ul id="nav">
</ul>
</li>
<li>Home
<ul id="nav">
</ul>
</li>
<li><table width="25" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<ul id="nav">
</ul>
</li>

<li>Trayectoria
<ul id="nav">
</ul>
</li>
<li><table width="20" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp; </td>
</tr>
</table>
<ul id="nav">
</ul>
</li>

<li>Galería de Fotos
<ul id="nav">
<li><a href="">Esculturas</a></li>
<li><a href="">Dibujos</a></li>
<li><a href="">Joyas</a></li>
<li><a href="">Cerámicas</a></li>
</ul>
</li>
<li><table width="25" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<ul id="nav">
</ul>
</li>
<li> Cursos y Talleres
<ul id="nav">
</ul>
</li>
<li><table width="25" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<ul id="nav">
</ul>
</li>
<li>Exposiciones y Ferias
<ul id="nav">
<li><a href="">Gallery Nights</a></li>
<li><a href="">Feria Puro Diseño 07</a></li>
<li><a href="">Explanada 2007</a></li>
<li><a href="">Expotrastiendas 2006</a></li>
<li><a href="">Los Angeles Arts Academy</a></li>
<li><a href="">Santa Mónica Comunity Arts Salon</a></li>
</ul>
<li><table width="25" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<ul id="nav">
</ul>
</li>
</li>
<li>Prensa
<ul id="nav">
</ul>
</li>
<li><table width="25" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<ul id="nav">
</ul>
</li>
<li>Ventas</li>
<li><table width="25" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<ul id="nav">
</ul>
</li>
<li>Contacto
<ul id="nav">
</ul>
</li>
<li><table width="10" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<ul id="nav">
</ul>
</li>
</ul></td>
</div>
<td><img src="imagenes/spacer.gif" alt="" border="0" width="1" height="28"></td>
</tr>
<td><div id="peliabajo">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" align="middle" width="926" height="467">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="prensa.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent" />
<embed wmode="transparent" src="prensa_files/prensa.swf" quality="high" allowscriptaccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" align="middle" width="926" height="467"></embed>

</object></div>
</td>

</tr>
<tr>
<td colspan="3">&nbsp;</td>
<td><img src="imagenes/spacer.gif" alt="" border="0" width="1" height="26"></td>
</tr>
</tbody></table>
</body></html>

Por hernandg

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Nov 2008 06:57 pm
Utiliza las etiquetas de código para visualizar mejor y ver en donde esta el problema.

Por flashreloco

Claber

1310 de clabLevel

1 tutorial
1 articulo

Genero:Masculino  

Webdesigner & Mandilon 2.0

msie
Citar            
MensajeEscrito el 12 Nov 2008 02:52 am
Si te refieres al IE6, no verás el menú desplegable porque no soporta la pseudo clase hover. La solución es un poquito de código javascript y no repetir el id "nav". En Jquery sería algo así

Código PHP :

//funcion para tener rollover de menus
$("#nav>li").each(
  function (){
   $(this).mouseover(
     function (){
       $(this).addClass('over');
     }
   );
   $(this).mouseout(
       function (){
          $(this).removeClass('over');
        }
   );
  }
);

Por renesilva

37 de clabLevel



 

La Paz, Bolivia

firefox
Citar            
MensajeEscrito el 12 Nov 2008 02:54 am
pseudo clase hover

Digo IE6 si soporta :hover, pero no en los elementos li XD

Por renesilva

37 de clabLevel



 

La Paz, Bolivia

firefox
Citar            
MensajeEscrito el 12 Nov 2008 05:12 am
Solución con CSS: Haz que los elementos anchor (a) sean del tamaño de los items de lista, colocándolos al 100% de ancho y alto, luego colocas el :hover a los anchors.

Código HTML :

#nav li a{
    display:block;
    width.100%;
    height:100%;
}
#nav li a:hover{
    lo que sea que hayas colocado en el li.hover;
}

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.