On Mon, 07 Feb 2005 16:35:42 +0100, Sílvia Guillén · Lekumultimedia
<[EMAIL PROTECTED]> wrote:
> Estoy intentando hacer una lista de varias imágenes, pero necesito que
> aparezca un texto debajo de ellas con el nombre de cada una, pero no me
> sale, el texto me aparece al lado...
>
No se si te sirva lo que describiré a continuación, pero que si...
Lista de imágenes en HTML
<ul>
<li><img src="b_ZIO.png" alt="Herramienta Zona interactiva oval"></li>
<li><img src="b_ZIP.png" alt="Herramienta Zona interactiva
poligonal"></li>
<li><img src="b_ZIR.png" alt="Herramienta Zona interactiva oval
rectangular"></li>
</ul>
En CSS lo siguiente:
ul{ list-style-type: none; }
ul li img[alt]:after{ content: attr(alt); display: block; }
Simplemente extraes el contenido del atributo 'alt' en la imagen y lo
colocas después de ésta, si deseas que esté aparte puedes colocar que
se despliege como un elemento en bloque.
Un saludo
--
# Milton Mazzarri
# Usuario de GNU/Linux: #369158
# Ubuntu Linux
# Weblog: http://milmazz.blogspot.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
