Tema: PAGINA SUPER SENCILLA QUE IE 8.0 no despliega
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/05/2010, 16:55
Avatar de netovs
netovs
 
Fecha de Ingreso: enero-2010
Ubicación: Mexico DF
Mensajes: 150
Antigüedad: 14 años, 11 meses
Puntos: 9
Pregunta PAGINA SUPER SENCILLA QUE IE 8.0 no despliega
Saludos a todo el foro.

Les platico que he creado un HTML que se ve bárbaro en FireFox Chrome y Safari pero en Internet Explorer no se ve un carajo solo la imagen principal espero podan ayudarme, el código HTML no tiene mayor complicación.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <title> AKRON </title>
  5. <style type="text/css">
  6. <!--
  7. div.mapa_imagen {
  8.   position: relative
  9. }
  10.  
  11. ul.menu li {
  12.   list-style: none;
  13.   display: none;
  14.   position: absolute;
  15.   font-family: Arial;
  16.   text-decoration: underline;
  17.   color: #000;
  18. }
  19.  
  20. div.mapa_imagen:hover ul.menu li {
  21.   display: block;
  22. }
  23.  
  24. ul.menu li p {
  25.   margin: 5px 0 12px 4px; 
  26.   padding: .3em;
  27.   display: none;
  28.   position: absolute;
  29.   top: -42%;
  30. }
  31. ul.menu li:hover p {
  32.   display: block;
  33. }
  34.  
  35. ul.menu li#quienes {
  36.   width: 130px; height: 20px; top: 120px; left: 480px;
  37.   cursor: pointer; cursor: hand;
  38. }
  39.  
  40. ul.menu li#contacto {
  41.   width: 80px; height: 20px; top: 120px; left: 630px;
  42.   cursor: pointer; cursor: hand;
  43. }
  44.  
  45. ul.menu li#catalogo {
  46.   width: 170px; height: 100px; top: 120px; left: 755px;
  47.   cursor: pointer; cursor: hand;
  48.  
  49. }
  50.  
  51. ul.menu li#acero {
  52.   width: 170px; height: 100px; top: 245px; left: 755px;
  53.   cursor: pointer; cursor: hand;
  54.  
  55. }
  56.  
  57. ul.menu li#adhesivos {
  58.   width: 170px; height: 100px; top: 375px; left: 755px;
  59.   cursor: pointer; cursor: hand;
  60.  
  61. }
  62.  
  63. ul.menu li#escaleras {
  64.   width: 170px; height: 100px; top: 505px; left: 755px;
  65.   cursor: pointer; cursor: hand;
  66.  
  67. }
  68.  
  69. ul.menu li#descargas {
  70.   width: 170px; height: 100px; top: 560px; left: 50px;
  71.   cursor: pointer; cursor: hand;
  72.  
  73. }
  74. -->
  75. </style>
  76. </head>
  77. <body>
  78. <div class="mapa_imagen">
  79.     <img src="main.jpg" />
  80.     <ul class="menu">
  81.     <li id="quienes"><p>&nbsp;quienes somos</li>
  82.  
  83.         <li id="contacto"><p><b>contacto</b></p></li>
  84.  
  85.         <li id="catalogo" onclick="window.open('http://google.com', 'Catalogo')"><p></p></li>
  86.         <li id="acero" onclick="window.open('http://yahoo.com', 'Acero')"><p></p></li>
  87.         <li id="adhesivos" onclick="window.open('http://desarrolloweb.com', 'Adhesivo')"><p></p></li>
  88.         <li id="escaleras" onclick="window.open('http://google.com', 'Escaleras')"><p></p></li>
  89.         <li id="descargas" onclick="window.open('http://google.com', 'Escaleras')"><p>&nbsp;</p></li>
  90.     </ul>
  91. </div>
  92.  
  93. </body>
  94. </html>

Saludos a todos cuento con su ayuda.

Pueden ver que en FF3, Safari y Chrome funciona este es el url: http://www.akronmx.com/akron/
Última edición por netovs; 19/05/2010 a las 17:01 Razón: Colocar URL