Estoy haciendo una lista para mostrar unos productos, esta lista tiene 2 columnas, donde hay una imagen de cada producto más un pie de foto de 3 filas.
El código que estoy utilizando es el siguiente:
Código HTML:
Ver original
Código CSS:
Ver original
.imatges li { list-style: none; display: inline; margin-right: 15px; } .parquet { font-size: 11.5px; text-align: left; width: 300px; margin-right: 21px; float: left; font-family: Tahoma, Verdana, "Sans Serif"; margin-bottom: 3px; } .parquet2 { font-variant: normal; font-size: 11.5px; text-align: left; width: 300px; margin-right: 21px; float: left; font-family: Tahoma, Verdana, "Sans Serif"; margin-bottom: 40px; }
Bien, hasta ahí, todo correcto.
En este caso, en esta lista por ejemplo son 9 artículos, y en cada fila hay dos artículos, así que llegaremos a la última fila con solo 1 artículo. Aquí me vienen los problemas.
Que es lo que tengo que hacer? He probado muchas combinaciones, pero en la mayoría de los casos me sale la imagen, el pie de foto de filas debajo, y el pie de foto de la tercera fila me sale en el otro lado de la pantalla, y se me desconfigura todo. He intentado poner una imagen del mismo color del fondo para engañar, pero tampoco me ha funcionado.
Debajo de todo esto tengo este código:
Código CSS:
Ver original
.titol_h2 { border-bottom: 1px solid #7d7c7c; height: 2em; margin-bottom: 2em; }
y también se me desconfigura el h2.
La verdad es que no se si me he explicado bien, quizás así es difícil de entender. Si veo que no me explico miraré de subir la página en un servidor y os lo muestro. Bien, creo que igualmente es lo que voy hacer.
Gracias de antemano, y perdón por el tocho.