link visitados con imagenes

[fearlex]

Iniciado por iconogt

Mira se hace así:

Código:

a.menu:link {
display : block;
width : 50px;
height : 17px;
margin : 2px;
padding : 0 0 0 20px;
background : #fff (imagen_link.png) top left no-repeat;
color : #000;
}
 
a.menu:visited {
display : block;
width : 50px;
height : 17px;
margin : 2px;
padding : 0 0 0 20px;
background : #fff (imagen_visitados.png) top left no-repeat;
color : #000;
}
 
a.menu:hover {
display : block;
width : 50px;
height : 17px;
margin : 2px;
padding : 0 0 0 20px;
background : #fff (imagen_hover.png) top left no-repeat;
color : #000;
}
 
a.menu:active {
display : block;
width : 50px;
height : 17px;
margin : 2px;
padding : 0 0 0 20px;
background : #fff (imagen_activos.png) top left no-repeat;
color : #000;
}

Espero te sirva, a mi me funciona bien y sin problemas...

Iniciado por jean1124

ok. dispculpa mi ignorancia en este tema pero como aplico la hoja de estilo o solo con ponerle el <a href> la respeta;???

A los enlaces o sea a las etiquetas a aplicas un class="menu" haciendo referencia a lo que te puse en negrita en el codigo de arriba

Iniciado por jean1124

y la imagen va en lugar del color de fondo???

Las imagenes que quieras utilizar son llamadas en la parte que te puse en negrita y que termina con .png, ahi pones la ruta a tus imagenes.

Iniciado por jean1124

Era muy sencillo, pero tengo otro inconveniente, son como 12 imagenes y cada una con su repectivo link, como lo soluciono??

Esto es html, y a cada enlaces le pones su respectivo href="pagina#"

Iniciado por RBZ

¿Las has metido dentro del div?, no me explico como es que no te funciona...

Aun cuando la meta en un div, el codigo que le distes, aplica una clase solamente a una etiqueta a, el codigo esta asi a.menu:_____.