Hi there,
I'm trying to put together a photo album using django client side and I want to align the photo's 3 in a row. In order to do this I'm putting the photo's in a table (not ideal I know...) and I was wondering how I can have a table row with 3 images only? Right now my table just puts a bunch of photos in a row but I cannot figure out how to start a new row after 3 images have been put in.
Any ideas would be appreciated.
What I've got so far is:
<h1>{{the_adventures.adventure_name}} <small>{{the_adventures.adventure_date}}<small></h1>
<table>
<tr>
{% for photo in the_adventures.the_photos %}
<td>
<img height="100px" width="100px" src ="/serve/{{ photo.blob_key.key }}">
</td>
{% endfor %}
</tr>
</table>
<a href = "/view_album/{{the_adventures.adventure_name}}/{{the_adventures.adventure_date}}/{{the_adventures.cursor}}">Next page</a>
What I want is:
image image image
image image image
image image image
etc