Colabora en los FAQ. Ayudarás a la comunidad y esta te lo agradecerá.
Mostrar Mensajes
Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.
Y eso de no pedir/dar códigos...?IDEM
Si me queréis banear por eso adelante. Estaba con pereza mental y lo quería ayudar cuanto antes, no tenía tiempo para explicar, aunque si te ofreces a explicarle, te lo agradecería.No creo que nadie te quiera banear, pero incumples con las normas. Por mi, no me importa, pero ya sabes, hay normas.
Saludos.
Necesitas 25 mensajes, no te preocupes, yo se lo doy por ti.Gracias
He logrado resolver el problema con este codigo:
CSS:Código: [Seleccionar]span.icon{HTML:
background-image: url(icons.png);
width: 300px;
height: 300px;
display: block;
}
.icon.tick{
background-position: 0 0;
}
.icon.cross{
background-position: 0 -310px;
}Código: [Seleccionar]<span class="icon cross"></span>
Se ve que al usar tal como usabas el "background" se ponía automaticamente un background-position que hacía que se viera el verde. Al usar background-image no ocurre esto.
Otra solución hubiera sido añadir !important a cada background-position, por ejemplo...
El problema es que usas un span, y dentro otro. Lo que debes hacer es poner <span class="icon cross">No :/, ni con span class=icon cross :/
Prueba con esto:
span.icon{
background: url(icons.png) no-repeat;
width: 300px;
height: 300px;
}
span.cross{
background-position: 0 -50%;
}
Le quite el .tick por que te sobra, por defecto el span mostrara la bola verde y si le poner cross a class te saldrá la roja (class="icon cross").
El fallo es que usas ".icon tick", que vendría a seleccionar los elementos tick (o sea, un elemento <tick> que no existe) dentro de los elementos con clase icon.
Debe ser ".icon.tick" y ".icon.cross"
Tambien te recomendaría añadirle a span.icon un display: inline-block; (o display: block; si puede ir en una sola linea).
<span class="icon"><span class="cross"></span></span>también probé con esto pero tampoco ._. :<span class="icon cross"></span>
#icon{
background:
url(icons.png)
no-repeat;
width: 300px;
height: 300px;
}
#icon .tick{
background-position: 0 0;
}
#icon .cross{
background-position: 0 -310px;
}<div id="icon"><div class="cross"></div></div>span.icon{
background:
url(icons.png)
no-repeat;
width: 300px;
height: 300px;
}
.icon tick{
background-position: 0 0;
}
.icon cross{
background-position: 0 -310px;
}<span class="icon cross"></span>