Yo lo haría así:

<dl class="ficha">
    <dt>Titulo</dt>
    <dd class="imagen">Imagen</dd>
    <dd class="fecha">22/02/07</dd>
    <dd class="estado">Estado</dd>
    <dd class="descripcion">Descripción</dt>
    <dd class="imagenes">Más imágenes
      <ul>
            <li>Imagen 1</li>
            <li>Imagen 2</li>
            <li>Imagen 3</li>
            <li>Imagen 4</li>
        </ul>
    </dd>
<dl>

Un suerte de microformatos.

Un Saludo.
Federico.


El día 25/03/07, Lombi <[EMAIL PROTECTED]> escribió:
>
> Hola a todos,
>
>
>
> Mi problema es el siguiente:
>
>
>
> Quiero mostrar una lista de productos. Cada uno de los productos tiene un
> título y una descripción. La descripción esta dividida en varias
> características: imagen principal, fecha, estado, descripción e imágenes
> (lista de imagenes en la parte inferior de la descripción). De manera que
> cada uno de los productos de la lista tiene que parecerse a esto:
>
>
>
> http://www.grupomb.net/plantilla.png
>
>
>
> ¿Cuál es el código correcto para maquetar esta lista? Lo primero que se me
> ha ocurrido es hacer lo siguiente:
>
>
>
> <dl>
>
>             <dt>Titulo</dt>
>
>             <dd>
>
>                         <dl>
>
>                                    <dt>Imagen</dt>
>
>                                    <dt>Fecha</dt><dd>22/02/07</dd>
>
>                                    <dt>Estado</dt><dd>Disponible</dd>
>
>                                    <dt>Descripción</dt><dd>Producto de
> prueba</dd>
>
>                                    <dt>Mas imágenes</dt>
>
>                                    <dd>
>
>                                                <ol>
>
>                                                            <li>Imagen
> 1</li>
>
>                                                            <li>Imagen
> 2</li>
>
>                                                            <li>Imagen
> 3</li>
>
>                                                            <li>Imagen
> 4</li>
>
>                                                </ol>
>
>                                    </dd>
>
>                         </dl>
>
>
>
>             </dt>
>
>             <dt>Titulo 2</dt>
>
>             <dd>
>
> […]
>
> </dd>
>
> <dl>
>
>
>
> Por si no veis el código lo he colgado aquí
> <http://www.grupomb.net/codigo.txt> .
>
>
>
> No se si la anidación de listas es la correcta. Por otra parte, el primer
> elemento de la descripción (la imagen) no se como plantearlo, ya que no
> tiene titulo y descripción, sino simplemente una url a la imagen del
> producto, por lo que no me cuadra demasiado.
>
>
>
> Agradezco de antemano vuestra ayuda.
>
>
>
> Un saludo,
>
>
>
> David
>
> _______________________________________________
> 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

Responder a