Hola!
Como siempre, recurro a la lista después de estarme rompiendo la cabeza
durante horas con una maldita lista. :-)
Lo que quiero conseguir es una lista horizontal centrada, la típica con:
ul { text-align: center; margin: 0 auto; }
li { display: inline; }
Pero el contenido de los elementos
No se si te vale así.
ul { width: 900px; text-align: center; border: 1px solid green }
li { display: inline; position:relative; margin: 0 auto; border: 1px solid red}
li span { position: absolute; top: 100px; left: 0; }
ul
liimg src=foto1.jpg width=150 height=100 alt=Foto 1 /
spanPiede
La opción del br / y un text-align: center no da el efecto que vos querés?
Quizás yo te interpreté mal.
Saludos,
Javier Trejo
Diseñador Web
Comunicación Interactiva
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*4233
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: javier.trejo
Gracias por la ayuda a ambos.
Mariano, tu propuesta no me termina de ir bien. Te comento: las imágenes
no siempre tendrán la misma altura, con lo que la posición absoluta del
span no va bien. Uno, que es caprichoso, ya ves.
Javier, no consigo, poniendo un br, que la lista sea horizontal o que
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