como agregar una imagen despues de cada link?

stanmx · #1 (**permalink**) 19/12/2004, 02:26

Pues bien, en muchos weblogs he visto que despues de cada link tienen un miniicono referente a ese link, quisiera saber como se coloca y que sentencias de css se utilizan para dicho objetivo.

Gracias por su atencion, :)

Gurrutello · #2 (**permalink**) 19/12/2004, 04:58

Hola
Podrias poner algun enlace de esos weblogs para ver exactamente lo que quieres hacer??
Saludos

kemie · #3 (**permalink**) 19/12/2004, 06:03

stan, puedes poner una imagen utilizando la propiedad background de css, pones la imagen como fondo, y le das espacio al link en el padding para que no se encimen

PatomaS · #4 (**permalink**) 19/12/2004, 06:40

Hola

Tabmbien podrías utilizar el «after», demanera que coloque la imagen siempre tras los vínculos.

Si quieres que sea la misma imagen tras cada vínculo, sería más o menos así:

Código:

a:after {
    content: url("tu_imagen.gif");
}

Si quieres que sea tras vínculos específicos, sería más o menos así:

Código:

.ImagenFinal:after {
    content: url("tu imagen.gif");
}

y en los vínculos deberías poner un clase que los identifique, por ejemplo así:

Código:

<a class="ImagenFinal">vínculo con una imagen al final&nbsp;</a>

Felicidad

kemie · #5 (**permalink**) 20/12/2004, 01:21

pero el after no funciona en internet explorer, o si?

PatomaS · #6 (**permalink**) 20/12/2004, 03:21

Hola

Pues Cuando escribí el mensaje me quedé con la sensación de que me olvidaba de algo, y al ver el mensaje de kemie, dije... uuups, si lo dice es por algo, así que solo por compromiso lo comprobé otras vez y en efecto, en explorer no funciona.

Esa era la postilla que quería agregar en mi mensaje anterior.

SIento no haberlo hecho y que hayan perdido el tiempo y gracias kemie por corregirme.

Felicidad

kemie · #7 (**permalink**) 20/12/2004, 06:18

es lo malo de todas las funciones prácticas de css... que internet explorer las ignora ;)

tunait · #8 (**permalink**) 20/12/2004, 10:04

Bueno, pero entonces puede servir el pedírselo así

Código:

a:link,  a:visited {
	padding-right: 15px;
	background-image: url(bolita.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

El resultado es el mismo

¿no?

tunait · #9 (**permalink**) 20/12/2004, 10:05

Cita:

Iniciado por kemie

stan, puedes poner una imagen utilizando la propiedad background de css, pones la imagen como fondo, y le das espacio al link en el padding para que no se encimen

ejem ... no he disho ná

debo leer mejor todas las respuestas...