Foros del Web » Creando para Internet » CSS »

Problema Menu Internet Explorer

 Estas en el tema de Problema Menu Internet Explorer en el foro de CSS en Foros del Web. Este es mi problema con el Menu de la web. Sera que Ie no soporta mi Css? @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original el #menuho ...
  #1 (permalink)  
Antiguo 02/01/2012, 21:15
 
Fecha de Ingreso: enero-2012
Mensajes: 35
Antigüedad: 12 años, 3 meses
Puntos: 2
Pregunta Problema Menu Internet Explorer
Este es mi problema con el Menu de la web. Sera que Ie no soporta mi Css?


Código CSS: 
Ver original
  1. el#menuho{
  2.     margin:5px auto;
  3.     padding:0;
  4.     list-style-type:none;
  5.     width:auto;
  6.     position:relative;
  7.     display:block;
  8.     height:49px;
  9.     text-transform:uppercase;
  10.     font-size:12px;
  11.     font-weight:bold;
  12.     background:transparent url("images/OFF.gif") repeat-x top left;
  13.     font-family:Helvetica,Arial,Verdana,sans-serif;
  14.     border-bottom:4px solid #03518c;
  15.     border:1px solid #b2b2b2;
  16. }
  17. el#menuho la{
  18.     display:block;
  19.     float:left;
  20.     margin:0;
  21.     pading:0;}
  22. el#menuho la a{
  23. margin-top:5px;
  24.     display:block;
  25.     float:left;
  26.     color:#f12727;
  27.     text-decoration:none;
  28.     font-weight:bold;
  29.     padding:12px 20px 0 20px;
  30.     height:30px;
  31.     background:transparent url("images/.gif") no-repeat top right;
  32.     
  33.     }
  34. el#menuho la a:hover{
  35.     background:transparent url("images/HOVER1.png") no-repeat top center;   
  36.     }


y asi lo aplico en el .php


Código HTML: 
Ver original
  1. <div id="menu">
  2.     <el id="menuho">
  3.     <la><a href="index.php" title="">Inicio</a></la>
  4.     <la><a href="#" title="">Noticias</a></la>
  5.     <la><a href="#" title="" >Torneos</a></la>
  6.     <la><a href="#" title="">Descargas</a></la>
  7.     <la><a href="formulario_usuario.php" title="">Registrate</a></la>
  8. </el>
  9.     </div>

el #menu lo tengo en mi otra hoja de estilo asi

Código CSS: 
Ver original
  1. #menu { background:url("../images/menu.jpg"); height:50px; width:924px; margin-top:40px;}

Alguien me podria decir si hay una solucion para arreglar este menu en Internet Explorer? Un saludo y de antemano Gracias

Nota: el post es algo largo pero era para explicarme bien
  #2 (permalink)  
Antiguo 02/01/2012, 21:59
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Problema Menu Internet Explorer
En realidad, ningún navegador debería mostrarte nada, porque los tags <el> y <la> no existen, seran <ul> y <li> en todo caso.
Ademas por ahi abajo tenés un images/.gif -- solo el .gif

Probá con esto que funciona en todas partes

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 xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>titulo</title> 
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. #menu {    background: url("469.gif");height:50px; width:924px; margin-top:40px;}
  10.  
  11. ul#menuho{
  12.     margin:5px auto;
  13.     padding:0;
  14.     list-style-type:none;
  15.     width:auto;
  16.     position:relative;
  17.     display:block;
  18.     height:49px;
  19.     text-transform:uppercase;
  20.     font-size:12px;
  21.     font-weight:bold;
  22.  
  23.     font-family:Helvetica,Arial,Verdana,sans-serif;
  24.     border-bottom:4px solid #03518c;
  25.     border:1px solid #b2b2b2;
  26. }
  27. ul#menuho li{
  28.     display:block;
  29.     float:left;
  30.     margin:0;
  31.     pading:0;}
  32.     
  33. ul#menuho li a{
  34. margin-top:5px;
  35.     display:block;
  36.     float:left;
  37.     color:#f12727;
  38.     text-decoration:none;
  39.     font-weight:bold;
  40.     padding:12px 20px 0 20px;
  41.     height:30px;
  42.     background: url("417.gif") no-repeat top right;
  43.     }
  44. ul#menuho li a:hover{
  45.     background:transparent url("378.gif") no-repeat top center;   
  46.     }
  47. /*]]>*/
  48. </style>
  49. </head>
  50. <body>
  51. <div id="menu">
  52.     <ul id="menuho">
  53.     <li><a href="index.php" title="">Inicio</a></li>
  54.     <li><a href="#" title="">Noticias</a></li>
  55.     <li><a href="#" title="" >Torneos</a></li>
  56.     <li><a href="#" title="">Descargas</a></li>
  57.     <li><a href="formulario_usuario.php" title="">Registrate</a></li>
  58. </ul>
  59.     </div>
  60.  
  61. </body>
  62. </html>


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 03/01/2012, 06:48
 
Fecha de Ingreso: enero-2012
Mensajes: 35
Antigüedad: 12 años, 3 meses
Puntos: 2
Respuesta: Problema Menu Internet Explorer
Cita:
Iniciado por emprear Ver Mensaje
En realidad, ningún navegador debería mostrarte nada, porque los tags <el> y <la> no existen, seran <ul> y <li> en todo caso.
Ademas por ahi abajo tenés un images/.gif -- solo el .gif

Probá con esto que funciona en todas partes

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 xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>titulo</title> 
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9. #menu {    background: url("469.gif");height:50px; width:924px; margin-top:40px;}
  10.  
  11. ul#menuho{
  12.     margin:5px auto;
  13.     padding:0;
  14.     list-style-type:none;
  15.     width:auto;
  16.     position:relative;
  17.     display:block;
  18.     height:49px;
  19.     text-transform:uppercase;
  20.     font-size:12px;
  21.     font-weight:bold;
  22.  
  23.     font-family:Helvetica,Arial,Verdana,sans-serif;
  24.     border-bottom:4px solid #03518c;
  25.     border:1px solid #b2b2b2;
  26. }
  27. ul#menuho li{
  28.     display:block;
  29.     float:left;
  30.     margin:0;
  31.     pading:0;}
  32.     
  33. ul#menuho li a{
  34. margin-top:5px;
  35.     display:block;
  36.     float:left;
  37.     color:#f12727;
  38.     text-decoration:none;
  39.     font-weight:bold;
  40.     padding:12px 20px 0 20px;
  41.     height:30px;
  42.     background: url("417.gif") no-repeat top right;
  43.     }
  44. ul#menuho li a:hover{
  45.     background:transparent url("378.gif") no-repeat top center;   
  46.     }
  47. /*]]>*/
  48. </style>
  49. </head>
  50. <body>
  51. <div id="menu">
  52.     <ul id="menuho">
  53.     <li><a href="index.php" title="">Inicio</a></li>
  54.     <li><a href="#" title="">Noticias</a></li>
  55.     <li><a href="#" title="" >Torneos</a></li>
  56.     <li><a href="#" title="">Descargas</a></li>
  57.     <li><a href="formulario_usuario.php" title="">Registrate</a></li>
  58. </ul>
  59.     </div>
  60.  
  61. </body>
  62. </html>


Saludos
Gracias por tu respuesta, ok entonces tengo una colision de estilos porque ya tengo un formulario con las etiquetas <ul> <il> como podria arreglar esto? tal vez con un poco de herencia?
  #4 (permalink)  
Antiguo 03/01/2012, 09:47
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Problema Menu Internet Explorer
Disculpame @veeeeck.
Me estás diciendo que como tenías una "colisión de estilos" como tan graficamente lo describís, en lugar de usar otros nombres para los selectores, te inventaste nuevas etiquetas?... uy, eso supera mi imaginación.
Más que buscar ayuda en el Foro te recomiendo que primero te des una vuelta por http://www.librosweb.es/css/index.html y te lo leas de punta a punta


__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
Última edición por emprear; 03/01/2012 a las 10:52
  #5 (permalink)  
Antiguo 03/01/2012, 13:26
Colaborador
  
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Problema Menu Internet Explorer
Gracias, veeeeck. Me alegró la tarde xD
Disclaimer para pieles sensibles:
Y no, no es por reirme de usted. Es por esa inventiva para discriminar los elementos y "asunto arreglado".

Edito: mierda! Es imposible añadir un comentario al karma desde este chiche, así que lo dejo aquí
Por actitud proactiva, errónea pero imaginativa, al enfrentarse a un imprevisto xD
Última edición por kseso?; 03/01/2012 a las 14:01
  #6 (permalink)  
Antiguo 03/01/2012, 13:37
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Problema Menu Internet Explorer
Cita:
Iniciado por kseso? Ver Mensaje
Disclaimer para pieles sensibles:
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #7 (permalink)  
Antiguo 03/01/2012, 13:59
Colaborador
  
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Problema Menu Internet Explorer
C2am
Es que con la cantidad y calidad de adiBirrantes que pastean entre nosotros...
Así les ahorro berrinches.
  #8 (permalink)  
Antiguo 03/01/2012, 20:05
 
Fecha de Ingreso: enero-2012
Mensajes: 35
Antigüedad: 12 años, 3 meses
Puntos: 2
Respuesta: Problema Menu Internet Explorer
hahaha queria reinventar el CSS, ya lei y arregle muchas cosas de mi css... un saludo! soy principiante y pues me han hecho tocar piso HAHAHA
  #9 (permalink)  
Antiguo 03/01/2012, 21:07
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años
Puntos: 116
Respuesta: Problema Menu Internet Explorer
me rei mucho con este tema Jaaja.
Esa es la actitud, siempre pasiva y positiva

Me alegra que lo hayas solucionado amig@ veeek
__________________
Programador jQuery & PHP

Etiquetas: explorer, internet
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 13:26.