Foros del Web » Creando para Internet » HTML »

Problema con menu y guión medio IE7

Estas en el tema de Problema con menu y guión medio IE7 en el foro de HTML en Foros del Web. Buenas a todos, Tengo un problema al que no encuentro solución...Estoy teniendo un problema con los títulos del menu. Estos se desplazan hacia abajo cuando ...
  #1 (permalink)  
Antiguo 15/04/2011, 09:19
 
Fecha de Ingreso: abril-2011
Mensajes: 1
Antigüedad: 6 años, 7 meses
Puntos: 0
Problema con menu y guión medio IE7

Buenas a todos,

Tengo un problema al que no encuentro solución...Estoy teniendo un problema con los títulos del menu. Estos se desplazan hacia abajo cuando escribo un - (guión medio)...Funciona mal con IE7. No es cuestión de margenes ni paddings porque si pongo tres caracteres en vez del guion o el espacio no me da ese problema.

Si alguien sabe que es...Os lo agradezco mucho

Un saludo

Os paso los códigos

<ul class="menu">
<li><a href="#" class="active"><span>Principal</span></a></li>
<li><a href="#"><span>An-Bel</span></a></li>
<li><a href="#"><span>Servicios</span></a></li>
<li><a href="#"><span>Productos</span></a></li>
<li><a href="#"><span>Contacto</span></a></li>
</ul>

css:


/* Generated via www.cssmenubuilder.com */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(235,235,235); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(231,180,0);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,152,8);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

Etiquetas: guión, ie7, medio
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 15:33.