Dudas sobre usabilidad vs diseño.

[haga41]

Hola de nuevo, muchas gracias por tus consejos y tu tiempo.

Creo que ya entiendo lo que quieres decir, que es mejor que construya una portada "a mano" con css que usar una imagen, la otra está ehcha a mano en Photoshop pero la verdad es que tampoco quedó demasiado bien, hoy no se que tal andaré de tiempo pero ya ire probando cosas con las tipografías para hacer portada decente y accesible.

Tengo otra duda que no si podrás resolverme, lo del collage he intentado solucionarlo con css pero no me hace el cambio de imagen y no entiendo porque. Este es el código y el estilo:

Código HTML:

<a id="linkaprilia" href="http://spain.aprilia.com" target="_blank"></a> 

Código HTML:

#linkaprilia {
     margin: 0;
     padding: 0;
     width: 210px;
     height: 59px;
     background-image: url(../imagenes/links/aprilia1.jpg);
	 float:left;
}
#linkaprilia a {
     text-decoration: none;
	 background-image: url(../imagenes/links/aprilia1.jpg);
}
#linkaprilia a:hover {
	text-decoration: none;
    background-image: url(../imagenes/links/aprilia2.jpg);
}
#linkaprilia a:active {
	text-decoration: none;
    background-image: url(../imagenes/links/aprilia2.jpg);
}
#linkaprilia a:visited {
	text-decoration: none;
    background-image: url(../imagenes/links/aprilia1.jpg);
}

Entiendo que debería cambiar la imagen de fondo en el hover y en el active ¿no?¿qué puede estar fallando? El enlace funciona bien a pesar de no tener nada entre las etiquetas <a></a>. Lo estoy probando de forma local aún no está subido.

Ok, ya lo he corregido, lo he puesto así y funciona, supongo que estará bien.

#linkaprilia {
margin: 0;
padding: 0;
width: 210px;
height: 59px;
background-image: url(../imagenes/links/aprilia1.jpg);
float:left;
}
#linkaprilia:a {
text-decoration: none;
background-image: url(../imagenes/links/aprilia1.jpg);
}
#linkaprilia:hover {
text-decoration: none;
background-image: url(../imagenes/links/aprilia2.jpg);
background-color:#FF0000;
}