From: Andreas Unterkircher <unki@netshadow.at>
Date: Sat, 21 Jul 2007 08:54:39 +0000 (+0000)
Subject: issue30, fixed wickled lines when images have different lines
X-Git-Tag: phpfspot-1.2~105
X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=phpfspot.git;a=commitdiff_plain;h=29136b0fe2cbc7c1ba524f3483701f1a257ecb7c

issue30, fixed wickled lines when images have different lines


git-svn-id: file:///var/lib/svn/phpfspot/trunk@230 fa6a889d-dae6-447d-9e79-4ba9a3039384
---

diff --git a/stylesheet.css b/stylesheet.css
index 610e7aa..df2f9d7 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -123,19 +123,36 @@ a.thumblink:hover {
 
 #matrix,#single {
    padding:                10px;
+   display:                table;
+   margin-left:            10px;
+   margin-right:           10px;
+   table-layout:           fixed;
+   border:                 hidden;
+   border-spacing:         10px;
+   border-collapse:        separate;
 }
 
-td.thumb {
-   padding:                5px;
-   text-align:             center;
+table.matrix {
+   padding:                10px;
+   display:                table;
+   margin-left:            10px;
+   margin-right:           10px;
+   table-layout:           fixed;
+   border-style:           hidden;
+   border-spacing:         10px;
+   border-collapse:        separate;
 }
 
-#inner {
-   padding:                10px;
+td.thumb {
+   text-align:             center;
+   display:                table-cell;
+   vertical-align:         top;
    -moz-border-radius:     3px;
    border-radius:          3px;
    border:                 dashed 1px #888888;
+   margin:                 5px;
    background-color:       #eeeeee;
+   padding:                10px;
 }
 
 #photo_details {
diff --git a/templates/photo_index.tpl b/templates/photo_index.tpl
index c00ab96..5d11c14 100644
--- a/templates/photo_index.tpl
+++ b/templates/photo_index.tpl
@@ -44,15 +44,14 @@
  </tr>
  <tr>
   <td colspan="3">
+   <br />
    <div id="adinfo"></div>
-   <div id="matrix">
-   <table>
+   <table class="matrix" id="matrix">
    {section name="row" loop=$rows step=1}
     <tr>
     {section name="col" loop=$columns step=1}
-     <td class="thumb">
       {if $images[row][col] }
-      <div id="inner" onmouseover="setBackGrdColor(this, 'mouseover');" onmouseout="setBackGrdColor(this, 'mouseout');">
+      <td class="thumb" onmouseover="setBackGrdColor(this, 'mouseover');" onmouseout="setBackGrdColor(this, 'mouseout');">
        <a href="javascript:showImage({$images[row][col]});" id="{$images[row][col]}" name="image{$img_id[row][col]}" class="thumblink" onclick="click(this);" title="{$img_title[row][col]}">
         <img class="thumb" id="{$images[row][col]}" src="phpfspot_img.php?idx={$images[row][col]}&amp;width={$width}" alt="thumb_{$images[row][col]}" width="{$img_width[row][col]}" height="{$img_height[row][col]}" />
         <br />
@@ -60,14 +59,12 @@
        </a>
       </div>
       {else}
-       &nbsp;
+       <td>&nbsp;</td>
       {/if}
-     </td>
     {/section}
     </tr>
    {/section} 
    </table>
-   </div>
   </td>
  </tr>
  <tr>