Hola, Ricardo

Ricardo Alvar escribió:
> Hola a todos. Estoy haciendo un sitio web de un criadero de perros y me 
> veo en la necesidad de hacer algo parecido a lo que vereis en esta web: 
> http://www.pastorblancosuizo.net/nuestros-perros.html
>
> Basicamente necesito poner la foto de varios perros con su nombre encima 
> o debajo, es indiferente, y con bastante espacio entre cada uno, de 
> manera que solo salgan 2 o 3 perros por linea.
>
> Lo he intentado de varias formas, mediante listas, mediante divs, pero 
> no lo consigo. Logicamente no quiero hacerlo mediante tablas, como esta 
> hecho en esa web.

Yo diría que las listas son la mejor opción:

HTML:
<h2>Machos</h2>
<ul>
<li><img ... />Ch. Ushba</li>
<li><img ... />Ural</li>
<li><img ... />Aconcagua</li>
<li><img ... />Huascarán</li>
</ul>

<h2>hembras</h2>
.........

CSS:
ul{list-style-type:none;}
li{float:left;text-align:center;margin:10px;width:150px;}
li img{display:block;} /* por si acaso, para que la imagen y el texto 
salgan en líneas distintas */
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a