Foros del Web » Creando para Internet » CSS »

no se ven las imagenes :hover del enlace en IE

Estas en el tema de no se ven las imagenes :hover del enlace en IE en el foro de CSS en Foros del Web. Hola amigos/as: Tengo una serie de enlaces con imagenes background en el estado a:hover. En IE no se ven. Este es el codigo: Código HTML: ...
  #1 (permalink)  
Antiguo 18/05/2011, 04:36
Avatar de PedroDesing  
Fecha de Ingreso: octubre-2007
Ubicación: Barcelona, España
Mensajes: 202
Antigüedad: 10 años, 1 mes
Puntos: 18
no se ven las imagenes :hover del enlace en IE

Hola amigos/as:

Tengo una serie de enlaces con imagenes background en el estado a:hover. En IE no se ven. Este es el codigo:

Código HTML:
 <div id="tag-menu">
			<p><a href="#" class="first">neuere Beitr&auml;ge</a>
                               <a href="#" class="number-link">1</a>
                               <a href="#" class="number-link">2</a>
                               <a href="#" class="number-link">3</a>
                               <a href="#" class="number-link">4</a>
                               <a href="#" class="last">auml;ltere                                      Beitraumlge</a>
                       </p>		
		</div> 
Código HTML:
#tag-menu{height:57px; line-height:57px; background:#f63 url(../images/tag-menu/tag-menu-background.gif) top left repeat-x; margin-bottom:120px;}
#tag-menu p{text-align:center;font-size:14px;}
#tag-menu p a{margin-right:10px;text-decoration:none;}

#tag-menu p a.last{margin:0;background:url(../images/tag-menu/flechita-dcha.png)center right no-repeat;padding:0 12px 1px 10px;}
#tag-menu p a.first{background:url(../images/tag-menu/flechita-izq.png)center left no-repeat;padding:0 10px 1px 12px;}

#tag-menu p a.first:hover{text-decoration:underline;background:url(../images/tag-menu/flechita-izq-hover.png)center left no-repeat;}
#tag-menu p a.last:hover {text-decoration:underline;background:url(../images/tag-menu/flechita-dcha-hover.png)center right no-repeat;}

#tag-menu p a.number-link{padding:4px 8px;}
#tag-menu p a.number-link:hover{background:url(../images/tag-menu/number-link-hover.png)center center no-repeat;}
Muchas gracias!
__________________
pedrorodas.com próximamente! Permanezcan atentos
  #2 (permalink)  
Antiguo 18/05/2011, 07:48
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: no se ven las imagenes :hover del enlace en IE

ha de haber un espacio
Cita:
background:url(../images/tag-menu/flechita-dcha.png) center
edito: se me ocurre, que si eso no funciona, asegúrate que tienes un DOCTYPE

Última edición por IsaBelM; 18/05/2011 a las 08:01
  #3 (permalink)  
Antiguo 19/05/2011, 03:25
Avatar de PedroDesing  
Fecha de Ingreso: octubre-2007
Ubicación: Barcelona, España
Mensajes: 202
Antigüedad: 10 años, 1 mes
Puntos: 18
Respuesta: no se ven las imagenes :hover del enlace en IE

Yes!

Muchas gracias!!!
__________________
pedrorodas.com próximamente! Permanezcan atentos

Etiquetas: enlace, hover, imagenes, ven
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 12:50.