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

1 files changed, 31 insertions, 32 deletions

diff --git a/themes/default/templates/photo_index.tpl b/themes/default/templates/photo_index.tpl
index 721c090..39df0c0 100644
--- a/themes/default/templates/photo_index.tpl
+++ b/themes/default/templates/photo_index.tpl
@@ -60,41 +60,40 @@
     {/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>
+<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();