issue59, first try to get the album navigation also away from html table

diff --git a/themes/default/templates/photo_index.tpl b/themes/default/templates/photo_index.tpl
index 721c09019fa5d7ce6f38bab37ff45533080c1dbc..39df0c0265da18ae6914016630a51d38b33c1110 100644 (file)
--- a/themes/default/templates/photo_index.tpl
+++ b/themes/default/templates/photo_index.tpl
@@ -60,41 +60,40 @@
     {/section}
    {/section} 
    </div>
     {/section}
    {/section} 
    </div>

-   <br class="clearboth" />
-  </td>
- </tr>
- <tr>
-  <td style="text-align: left; width: 33%;">
-  { if $previous_url == "" }
-   { if $count != 0 }
-    <img src="resources/arrow_left_gray.png" alt="first page reached" />
-   { /if }
-  { else }
-   <a href="{$previous_url}">
-    <img src="resources/arrow_left.png" alt="previous photo" />
-   </a>
-  { /if }
-  </td>
-  <td style="text-align: center; width: 33%;">
-  { if $page_selector == "" }
-   &nbsp;
-  { else }
-   {$page_selector}
-  { /if}
-  </td>
-  <td style="text-align: right; width: 33%;">
-  { if $next_url == "" }
-   { if $count != 0 }
-    <img src="resources/arrow_right_gray.png" alt="last page reached" />
-   { /if }
-  { else }
-   <a href="{$next_url}">
-    <img src="resources/arrow_right.png" alt="next photo" />
-   </a>
-  { /if}

   </td>
  </tr>
 </table>
   </td>
  </tr>
 </table>

+<br class="clearboth" />
+<div style="width: 100%; margin-top: 20px;">
+ <div style="float: left; margin: 0px; padding-left: 10px; width: 40px;">
+ { if $previous_url == "" }
+  { if $count != 0 }
+   <img src="resources/arrow_left_gray.png" alt="first page reached" />
+  { /if }
+ { else }
+  <a href="{$previous_url}">
+  <img src="resources/arrow_left.png" alt="previous photo" />
+  </a>
+ { /if }
+ </div>
+ <div style="float: left; margin: 0px;">
+ { if $page_selector != "" }
+  {$page_selector}
+ { /if}
+ </div>
+ <div style="width: 40px; margin-right: 0px; padding-right: 10px;">
+ { if $next_url == "" }
+  { if $count != 0 }
+   <img src="resources/arrow_right_gray.png" alt="last page reached" />
+  { /if }
+ { else }
+  <a href="{$next_url}">
+   <img src="resources/arrow_right.png" alt="next photo" />
+  </a>
+ { /if}
+ </div>
+</div>
+<br class="clearboth" />

 <script type="text/javascript">
 <!--
    preloadPhotos();
 <script type="text/javascript">
 <!--
    preloadPhotos();