Hola, tengo una especie de menú con Sprites y no sé porqué una de las imágenes no se muestra. El menú es de este blog, lo pueden ver arriba en el sidebar:
http://bdebelleza.es/
La imagen que contiene los sprites es esta:
http://bdebelleza.es/social4.png
Y este es el código:
Código:
ul#marcadores{
margin: auto;
width: 200px;
}
ul#marcadores li {
list-style-type: none;
margin : 0;
padding: 0;
float: left;
}
#marcadores li a{
background: url(http://bdebelleza.es/social4.png) no-repeat 0 0;
margin: 0;
padding: 0;
display: block;
width: 40px; /*El ancho del bloque con el icono*/
height: 100px; /*El alto del bloque con el icono*/
}
#marcadores li a.facebook{
background-position: 0px -100px; /*la posición del icono de face*/
}
#marcadores li a.twitter {
background-position: -40px -100px; /*la posición del icono de twitter*/
}
#marcadores li a.youtube {
background-position: -80px -100px; /*la posición del icono de Youtube*/
}
#marcadores li a.instagram {
background-position: -120px -100px; /*la posición del icono de Instagram*/
}
#marcadores li a.rss{
background-position: -160px -100px; /*la posición del icono del feed*/
}
#marcadores li a.facebook:hover{
background-position: 0px 0px; /*la posición del icono de face del efecto hover*/
}
#marcadores li a.twitter:hover {
background-position: -40px 0px; /*la posición del icono de twitter del efecto hover*/
}
#marcadores li a.youtube:hover {
background-position: -80px 0px; /*la posición del icono de rss del efecto hover*/
}
#marcadores li a.instagram:hover {
background-position: -120px 0px; /*la posición del icono de instagram del efecto hover*/
}
#marcadores li a.rss:hover{
background-position: -160px 0px; /*la posición del ícono del Feed del efecto hover*/
}
En el lugar en el que aparece el icono de rss debería estar el de Instagram, y el de RSS a su derecha.
A ver si alguien me puede echar una mano.
Un saludo.