[Ovillo] Lista horizontal centrada de imágenes con pie

[NetVicious]

El lunes, 5 nov 2007 a las 16:18, Gael
escribió:

> img { display: block; }

> con lo que el display inline de los li se va a hacer puñetas y la lista
> queda vertical.

> He probado con float: left en los li (pero no quedan centrados 
> horizontalmente), con <p> en los pies de foto (pero vuelve a quedar 
> vertical), con <br /> entre la foto y el pie... Probaría con listas de
> definición (dt para la foto y dd para el pie) pero no todas las fotos 
> tendrán pie y no me convence la idea de dejar dd vacíos.

> Alguien sabe cómo conseguirlo? Cómo centrar horizontalmente una lista 
> con elementos de bloque o cómo conseguir el mismo efecto con otro marcado?

Veamos, antes de seguir hay que entender el inline y el block.

El inline ocupa el espacio que necesite pero pierdes margenes superior
e inferior y otras cosas.

El block ocupa todo a no ser que le digas lo contrario.

En tu caso creo que poniendo display:block con with y floats tendrías el
efecto que deseas.


-- 
  /\    /
 /  \  /     \  /
/    \/ e t   \/ i c i o u s
   ........................