Hola!:
Tengo este código para hacer un rollover de imagenes:
En el CSS:
Código HTML:
#rollover span {
display:none;
}
#rollover a.imagen1 {
display: block;
width: 133px;
height: 49px;
background: url(imagen1a.gif);
}
#escuadras a:hover.imagen1 {
background:url(imagenes/imagen1b.gif) no-repeat;
}
En el XHTML:
Código HTML:
<a class="imagen1" href="#"><span>Rollover</span></a>
Quiero colocar dos imagenes (imagen1 y imagen2), una junto a otra, pero defino las clases diferentes, y repito el código XHTML detrás de la línea que os he puesto. Pero al tener el display: block, la imagen me salta de línea y yo quiero que me aparezcan juntas :P.
A ver si me podéis ayudar!
Un saludo :)