Ahí os dejo mi solución basandome en los correos que mandasteis.
- La lista de imagenes se adapta al tamaño de la pagina web.
- Al pasar el raton sobre una imagen, esta pierde un poco de brillo y
saturación para indicar que se va a seleccionar.
--html---
<div class="thumb">
<ul>
<li>
<a href="xxx">texto<img src="xxx"/></a>
<span>texto abajo</span>
</li>
<li>
<a href="xxx">texto<img src="xxx"/></a>
<span>texto abajo</span>
</li>
</ul>
</div>
---css---
.thumb ul {list-style:none;margin:0; padding:0; width:100%;}
.thumb li {float:left; margin:5px; padding:0;}
.thumb li a img {border:none; }
.thumb li img {display:block; float:left; width:100px; height:100px;}
.thumb li span {display:block; text-align:center;clear:both;}
.thumb a:hover img { filter: alpha(opacity=50); opacity: .5; }
_______________________________________________
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
