Repetir for en columnas

[kojicomics]

Hola, necesito mostrar el contenido de una base de datos de forma que se muestren los útlimos 9 artículos en 3 columnas

He probado de varias formas pero no funciona bien

Éste es el código que muestra los 9 artículos de forma vertical:

Código HTML:

{% for post in post.object_list %}
<article class="blog_article">
    <div class="article_title">
        <a href="{% url 'blog.views.post' post.pk %}">
            <h3>{{ post.title }}</h3>
        </a>
    </div>
    <time>{{ post.date }}</time>
    <div class="article_image">
        <img src="{{ post.header.url }}" width="90%"/>
    </div>
    <p>{{ post.body_home }}</p>
</article>
{% endfor %}
 

¿Cómo debería modificarlo para que se muestre en una tabla de 3 columnas?

Utilizo Django 1.6 y Python3.3

Muchas gracias

[ggomez91]

Muéstranos qué has intentado por lo menos.

[razpeitia]

Esto no es problema de django o de python.

Parece mas bien problema de tu CSS.

O si prefieres usar <table> para tabular tus datos sería mas conveniente.

Código Python:

<table>
{% for post in post.object_list %}
  {% if condicion_para_abrir_tag %}
  <tr>
  {% endif %}
    <td>{{ post }}</td>
  {% if condicion_para_cerrar_tag %}
  </tr>
  {% endif %}
{% endfor %}
</table>
 

Obviamente tienes que sustituir condicion_para_abir_tag y condicion_para_cerrar_tag, con las condiciones que satisfagan eso.

Otra manera

Código Python:

<table>
{% for post_sublist in post.object_list %}
  <tr>
    {% for article in post_sublist %}
      <td>{{ article }}</td>
    {% endfor %}
  </tr>
{% endfor %}
</table>
 

No recomiendo esto, porque estarías metiendo lógica de presentación en la lógica de negocios. Si algún día quieres que ahora sean 2 columnas, tienes que cambiar el código de la vista y no el html.

La tercera opción (y la mas recomendable) es simplemente usar CSS.
No soy un experto, pero meterías todo en div con cierto ancho y a cada articulo le das el ancho suficiente para que solo quepan 3 en todo lo ancho y los demás pasan abajo.

Puedes usar las grids de bootstrap como ejemplo. http://getbootstrap.com/css/#grid

[jhg]

Como ya te han dicho, lo correcto es usar CSS: http://www.desarrolloweb.com/articul...umna-css3.html Este enlaces es sobre texto en columnas con CSS3, puede que todavía no funcione bien o quizas vaya perfecto segun como este actualmente implementado este borrador del modulo de CSS3 que tiene la especificación.

Tambien como te han dicho si dentro de un contenedor te aseguras que por ancho solo se puedan alinear 3 y los alineas flotandolos dentro los que no puedan continuar en la linea continuan abajo y el aspecto visual es de que hubiera columnas.

Las tablas... si es para datos tabulados, perfecto, pero si no son para datos tabulados sino para presentación visual de datos no tabulados... las desaconsejaría entonces. Y antes de meter nada de presentacíon en la logica, en el código en python de la vista, es preferible te crees un tag propio y así se pase el numero de columnas como parametro y al menos tenerlo fuera de la vista.