Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo
ARTICULO: Maquetar una galería de fotos con CSS

 Se muestran 5 comentarios sin revisar

Víctor  19/1/06 
Hola: No parece funcionar sobre Mac OsX, ¿sabéis a que se debe?, Gracias.

Rumoroso  20/1/06 
No es una crítica por criticar, pero considero que el código tiene más marcado de lo necesario y carece de sentído semántico.
Una alternativa que me parece muy interesante es el uso de las listas, tanto de las listas desordenadas como, de una forma quizás más arriesgada, con las listas de definición.
La galería de fotos es en realidad una lista de imágenes con información. En el caso de utilizar listas desordenadas, se deberían utilizar de forma anidada:
en cada item podría ir la imagen y de cada uno de ellos pendería otra lista con la información correspondiente. Algo así:
<ul>
<li><img src="imag1.jpg" alt="">
<ul>
<li>Nombre</li>
<li>Autor</li>
<li>Descripción</li>
</ul>
</li>
<li><img src="imag2.jpg" alt="">
<ul>
<li>Nombre</li>
<li>Autor</li>
<li>Descripción</li>
</ul>
</li>
</ul>

Lo de darle un aspecto sería sencillo con css.
En el caso de querer usar las listas de definición, el el <dt> se pondría por ejemplo la imagen y en cada <dd> se pondría la información correspondiente.

<dl>
<dt><img src="imag1.jpg" alt=""></dt>
<dd>Nombre</dd>
<dd>Autor</dd>
<dd>Descripción</dd>
<dt><img src="imag2.jpg" alt=""></dt>
<dd>Nombre</dd>
<dd>Autor</dd>
<dd>Descripción</dd>
</dl>

El uso de las listas de definición para esto puede considerarse arriesgado, pero el W3C dejó una puerta abierta para ello al dar una cierta libertad respecto al contexto en el que se pueden incluir.
Tanto para una forma como para la otra, si alguien tiene dudas acerca de cómo maquetarlo y darle un aspecto correcto, sólo tenéis que preguntar.
www.hrmultimedia.com

Raul  20/1/06 
Me parece, como muchos de los artículos que presetnta Desarrolloweb EXCELENTE

Antonio  21/7/06 
La galería está muy bien, pero si quiero enlazar las fotos a una más grande, en IE no funciona dicho enlace. Sin embargo con Mozilla si funciona.
¿A qué se debe?.
Gracias.-

Miguel Angel  06/3/07 
Muy bueno, la verdad ya había podido poner una lista de imagenes una delante de la otra, pero solo me faltaba hacer que al termino del margen continuara con la siguiente línea de fotos y la verdad si me ayudo gracias . hasta siempre brothers..........

Ver el articulo / faq completo Ver el articulo y todos sus comentarios
Añadir un comentario al artículo Añadir un comentario del artículo
  Ir arriba

Comentarios no revisados de:

+ Maquetar una galería de fotos con CSS


DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia