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_d ate}}/{{the_adventures.cursor}}">Next
page</a>
What I want is:
image image image
image image image
image image image
etc