Cómo maquetar correctamente una lista de productos

Si, la verdad es que así se ve mejor. Uno de los problemas que tengo, aunque realmente no es un problema, es que siempre aspiro a la perfección. Por eso soy tan machacón. Pero vamos, funcionando está, para mejorar siempre hay tiempo.

Muchas gracias por tu ayuda,

David

mmm, visto de ese modo, (algo) mejor asi:<code>
&lt;h2&gt;Producto&lt;/h2&gt;
&lt;dl&gt;
&lt;dt&gt;Fecha&lt;/dt&gt;
&lt;dd&gt;12.12.12&lt;/dd&gt;
&lt;dt&gt;Estado&lt;/dt&gt;
&lt;dd&gt;Estado&lt;/dd&gt;
&lt;dt&gt;Descripcion&lt;/dt&gt;
&lt;dd&gt;Descripcion&lt;/dd&gt;
&lt;dd&gt;Imagen principal&lt;/dd&gt;
&lt;dd&gt;Mas Imagenes
&lt;ul&gt;
&lt;li&gt;Imagen 1&lt;/li&gt;
&lt;li&gt;Imagen 2&lt;/li&gt;
&lt;li&gt;Imagen 3&lt;/li&gt;
&lt;/ul&gt;
&lt;/dd&gt;
&lt;/dl&gt;
</code>
nota: h1 solamente deberia haber uno en la pagina. es una antigua discusion, lastima de gruyere...

de todos modos no te emparanoies. no hace falta ser muy radical, si llegas a una estructura semantica con la que te sientas cómodo, tira palante...

Yo ahí la capa no la veo, pero me has dado una idea muy buena, aunque no creo que sea del todo correcta y es la de usar títulos:

<code>&lt;h1&gt;Producto&lt;/h1&gt;
&lt;h2&gt;Fecha&lt;/h2&gt;
&lt;p&gt;12.12.12&lt;/h2&gt;
&lt;h2&gt;Estado&lt;/h2&gt;
&lt;p&gt;Estado&lt;/p&gt;
&lt;h2&gt;Descripcion&lt;/h2&gt;
&lt;p&gt;Descripcion&lt;/h2&gt;
&lt;h2&gt;Mas Imagenes&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Imagen 1&lt;/li&gt;
&lt;li&gt;Imagen 2&lt;/li&gt;
&lt;li&gt;Imagen 3&lt;/li&gt;
&lt;/ul&gt;
</code>

De todas maneras, como digo, no lo veo del todo bien, porque realmente yo lo veo como una lista. Dividir el contenido por títulos no creo que sea correcto. A ver si nos desempata alguien.

Un saludo y muchas gracias,

David

no se, estoy un poco desentrenao, pero probablemente usaria capas y headers. metacode:

<code>
&lt;div class="producto"&gt;
&lt;h2&gt;referencia&lt;/h2&gt;
&lt;h3&gt;fecha&lt;/h3&gt;
&lt;h3&gt;descripcion&lt;/h3&gt;
&lt;p&gt;&lt;img /&gt;parrafo&lt;/p&gt;
&lt;h3&gt;+ imagenes&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;...
&lt;/div&gt;
</code>

Hola zigotica,

¿que sería lo correcto? Aquí tengo bastante dilema: lo que acompaña al titulo si es una lista de características, cada una con un nombre y una definición, ¿pero como considerar al titulo del producto y ha cada una de las características?

Un saludo,

David

hombre, si me haces trampas...
en ese caso creo que no usaria listas de distribucion.

¡Pues también es verdad!

Cosas que tiene la inteligencia humana.

Me pongo ha ello ya mismito.

También aprovecho (hablando de listas de definición) para preguntar si esta bien una cosilla.

Lo que pretendo conseguir es esto:

http://82.194.66.109/plantilla.png

Y el código que hay ahora mismo es este:

<code>&lt;dl&gt;
&lt;dt&gt;Titulo&lt;/dt&gt;
&lt;dd&gt;
&lt;dl&gt;
&lt;dt&gt;Imagen&lt;/dt&gt;
&lt;dt&gt;Fecha&lt;/dt&gt;&lt;dd&gt;22/02/07&lt;/dd&gt;
&lt;dt&gt;Estado&lt;/dt&gt;&lt;dd&gt;Disponible&lt;/dd&gt;
&lt;dt&gt;Descripción&lt;/dt&gt;&lt;dd&gt;Producto de prueba&lt;/dd&gt;
&lt;dt&gt;Mas imágenes&lt;/dt&gt;
&lt;dd&gt;
&lt;ul&gt;
&lt;li&gt;Imagen 1&lt;/li&gt;
&lt;li&gt;Imagen 2&lt;/li&gt;
&lt;li&gt;Imagen 3&lt;/li&gt;
&lt;li&gt;Imagen 4&lt;/li&gt;
&lt;/ul&gt;
&lt;/dd&gt;
&lt;/dl&gt;
&lt;/dt&gt;
&lt;dl&gt;</code>

Muchas gracias por tu ayuda,

David

asi a bote pronto (sin más background) yo creo que usaría listas de definición<code>
&lt;dl&gt;
&lt;dt&gt;termino 1
&lt;dd&gt;descripción 1
&lt;dd&gt;imagen 1
...</code>