Re: [Ovillo] Lista horizontal centrada de imágenes c on pie
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 foto 1/span
/li
liimg src=foto2.jpg width=150 height=100 alt=Foto 2 /
spanPie
de foto 2/span/li
liimg src=foto3.jpg width=150 height=100 alt=Foto 3 /
spanPie
de foto 3/span/li
/ul
Espero que te sirva
- Mensaje original
De: Gael [EMAIL PROTECTED]
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: lunes, 5 de noviembre, 2007 16:18:17
Asunto: [Ovillo] Lista horizontal centrada de imágenes con pie
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 son imágenes con un pie de foto.
Algo
así:
ul
liimg src=foto1.jpg width=150 height=100 alt=Foto 1 /Pie
de foto 1/li
liimg src=foto2.jpg width=150 height=100 alt=Foto 2 /Pie
de foto 2/li
liimg src=foto3.jpg width=150 height=100 alt=Foto 3 /Pie
de foto 3/li
/ul
De manera que, para que quede el pie bajo la foto, debería poner
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?
Muchas gracias!
Gael
___
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
__
Pregunta, Responde, Descubre.
Comparte tus consejos y opiniones con los usuarios de Yahoo! Respuestas
http://es.answers.yahoo.com/info/welcome
___
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
Re: [Ovillo] diseño liquido 3 columnas
Buenos días Marco: He visto la web y lo que pasa es que para hacer que funcione hay que ponerle a las capas un tamaño en porcentajes y no en pixeles o auto. Si lo pones en porcentajes se te verá en todos lo navegadores. Lo he probado y funciona perfectamente Saludos Núria Ramoneda [EMAIL PROTECTED] escribió: Para tu información: en IE 6 tampoco se ve bien, sólo se ve la columna central. Y piensa que todavia la mayoria de la gente utiliza IE 6, más que IE 7. Si puedo luego le echo un un ojo al código. 2006/12/27, Marco Gándara Rey : Hola, bueno el caso es que tengo un problema con el siguiente template de WordPress... Despues de casi terminar de modificar un template para WordPress me encuentro con que no funciona bien en Internet Explorer. Lo que hice fue pasar la plantilla original (estatica) a un diseño liquido y la cuestion es que no termina de funcionar. Tengo alguna otra Web con la misma estructura y funcionando, pero esta no se si es que despues de tanto darle vueltas no veo lo obvio o si es que simplemente lo estoy haciendo mal. Funciona en Firefox y no en Explorer 7 (las columnas laterales no se muestran) en explorer 6 aun no he podido probarlo, pero bueno principalmente lo propio seria q funcionase en Firefox y Explorer 7. La plantilla se puede ver en www.hatrum.com Saludos y Gracias. ___ 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 ___ 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 - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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
Re: [Ovillo] RV: Re: Maquetacion de formularios
Ahi va un ejemplo http://www.mercadis.com/bolsaempleo/cv.jsp Josÿe9 Luis Garcÿeda Lÿf3pez [EMAIL PROTECTED] escribió: gracias. pero el problema es que tiene que ir alinedo como si fueran columnas de una tabla, y aparte tengo que contar con que hay select que son muy largos y a los que tendré que dedicar una sóla línea. La única manera que se me ocurre es el flotado de divs por fila. algún formulario de ejemplo complejo que hay por la red??? gracias de nuevo Rgs escribió: De: Rgs Para: Ovillo, la lista de CSS en castellano Fecha: Mon, 14 Aug 2006 13:03:14 +0200 Asunto: Re: [Ovillo] Maquetacion de formularios http://www.eslomas.com/index.php/archives/2005/02/14/campos-fieldset-legend-label-optgroup/ Recuerda que a los fieldsets les puedes dar un id y flotarlos como quierasnada de divs, hombre Un saludo. - Original Message - From: Josÿe9 Luis Garcÿeda Lÿf3pez To: lista ovillo Sent: Monday, August 14, 2006 12:29 PM Subject: [Ovillo] Maquetacion de formularios Hola a todos y gracias por adelantado, Tengo una duda, estoy rediseñando una aplicación web, donde todos los formularios están hechos con tablas. El caso es que hay tres campos por líneaacon sus correspondientes literales, es decir 6 columnas, y un total de 5 líneas. Deben ir en esta disposición porque tienen un tamaño muy ajustado y porque quieren que todo se vea de un vistazo sin necesidad de scrollear Cual sería la forma correcta para maquetar estos formulario. No querría utilizar tablas porque creo que no es su cometido, no son datos tabulares. había pensando en ir flotando divs, 6 por línea. Cual es la forma recomendada para maquetar formularios de este volumen de campos. muchas gracias por vuestro tiempo - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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://ovillo.org/mailman/listinfo/ovillo Estoy utilizando la versión gratuita de SPAMfighter para usuarios privados. Ha eliminado 874 correos spam hasta la fecha. Los abonados no tienen este mensaje en sus correos. ¡Pruebe SPAMfighter gratis ya! ___ 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://ovillo.org/mailman/listinfo/ovillo - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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://ovillo.org/mailman/listinfo/ovillo - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con validación
Lo que te está dando error son los - qur hay en el texto, si en vez de - pones #150; verás como no te dará ese error. div class=primera_planadiv class=floatleftimg src=http://www.granma.jovenclub.cu/ngrm/themes/noticias/pando.jpg; alt=Soluciones para enviar archivos de gran tamaño por email title=Soluciones para enviar archivos de gran tamaño por email longdesc=Soluciones para enviar archivos de gran tamaño por email /br /Soluciones para enviar archivos de#8230;/div ¿Cuántas veces ha necesitado enviar un archivo grande por email #150;como varias fotos digitales, canciones o un vídeo largo#150; pero no pudo hacerlo porque excedía la capacidad de su proveedor de email o la de su receptor?/div --- Leyrson Kroska [EMAIL PROTECTED] escribió: no se puede deletar eso: ? 2006/8/3, ReynierPM [EMAIL PROTECTED]: Hola lista: Primero que nada anunciarles que ya estoy dando mis pasos con CSS y XHTML. Pueden verlos aqui en la nueva version de la web que hice hace un año atrás: http://www.granma.jovenclub.cu/ngrm/. El problema ahora es que cuando trato de validarla me da errores que no se como resolver. Veanlos ustedes mismos: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.granma.jovenclub.cu%2Fngrm%2F Salu2 y esperando por sus respuestas -- Salu2 ReynierPM | Joven Club de Computación y Electrónica Granma ___ 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://ovillo.org/mailman/listinfo/ovillo -- Leyrson Kroska ___ 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://ovillo.org/mailman/listinfo/ovillo __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ 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://ovillo.org/mailman/listinfo/ovillo
