Ver Mensaje Individual
  #144 (permalink)  
Antiguo 23/10/2008, 01:34
balibrea
 
Fecha de Ingreso: julio-2008
Mensajes: 13
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Menu desplegable 100% CSS

Cita:
Iniciado por Mikmoro Ver Mensaje
Hola, balibrea.

¿En que ordenadores? yo lo he comprobado en todos estos navegadores

- Firefox 2 y 3
- IE 6 y 7
- Opera 9.50
- Safari 3.1 Windows
- Konkeror (Linux)
- Firefox 2 y 3 (Linux)

y funciona en todos, todos en PC`s con Windows y Linux.

Dime en qué ordenadores y con qué navegadores, a ver si se puede averiguar algo.
Hola! muchas gracias por atenderme te lo agradezco de verdad, siempre tan genial.
Tengo internet explorer 6 en concreto este:(lo siento por no poner enlace directo no me lo permite todavía)

www.todoaunclic.com/Dibujocualidadesdeexplorer.bmp

y se me ve así :
www.todoaunclic.com/Dibujo.bmp
...y no se despliegan

este es el enlace www.mariabalibrea.es

muchas gracias por todo, te admiro, eres un genio y enciam compartes



este es mi codigo html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title> Aritista Maria Balibrea Melero CSS</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/menu.css" type="text/css" />
</head>
<body background="imagenes/fotomaria.jpg">
<table border="0" width="100%">
<tr>
<td width="100%">
<p align="center"><b><font face="Comic Sans MS" color="#ffffff" size="6"><i>Maria
Balibrea Melero</i></font></b></p>
</td>
</tr>
</table>

<div id="menu" style="width: 674; height: 361">
<ul>
<li class="nivel1"><a href="http://www.forosdelweb.com" class="nivel1">Trayectoria
de pinturas</a><!--[if lte IE 6]><a href="http://www.forosdelweb.com" class="nivel1ie">Opción 1<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li><a href="http://www.mariabalibrea.es/Pinturatrayectoria/anterioresal2000/index.html">Cuadros
anteriores al 2000</a></li>
<li><a href="http://www.mariabalibrea.es/Pinturatrayectoria/cuadros2000-2003/index.html">Cuadros
período 2000-2003</a></li>
<li><a href="http://www.mariabalibrea.es/Pinturatrayectoria/cuadros2003-2006/index.html">Cuadros
período 2003-2006</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Libros ilustrados</a> <!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 2<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li><a href="#">Fábulas de Tomás de Iriarte</a></li>
<li><a href="http://www.google.es">Pandora de Antonio Balibrea</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Pinturas</a> <!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 3<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li><a href="#">Pinturas 2008</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 4</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li><a href="#">Opción 4.1</a></li>
<li><a href="#">Opción 4.2</a></li>
<li><a href="#">Opción 4.3</a></li>
<li><a href="#">Opción 4.4</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 5</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 5<table class="falsa"><tr><td>
<![endif]-->
<ul>
<li><a href="#">Opción 5.1</a></li>
<li><a href="#">Opción 5.2</a></li>
<li><a href="#">Opción 5.3</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
<div id="menu0" style="width: 674; height: 361">
<ul>
<li class="nivel1">
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table border="0" width="100%">
<tr>
<td width="100%" bordercolor="#FFFFFF"><b>Fotografía; <i>Ana Rosa Paños Martínez</i></b></td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

se me habia olvidado este es mi codigo css, bueno que es el tuyo...

* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { width: 100%;}

body {font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu { text-align: center;
font-size: 0.7em;
width: 820px;
margin: 20px auto;
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
width: 162px;
margin-right: 2px;
}
#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #000;
border: solid 1px #fff;
padding: 8px;
position: relative;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: ;
color: #000;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menu ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
}
#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}





sin embargo tu codigo tal cual si que se ve bien en el mismo navegador, algo debo de haber hemodificado que lo he estropeado

Última edición por balibrea; 23/10/2008 a las 01:41