diff options
| author | Andreas Unterkircher <unki@netshadow.at> | 2007-07-21 08:54:39 +0000 |
|---|---|---|
| committer | Andreas Unterkircher <unki@netshadow.at> | 2007-07-21 08:54:39 +0000 |
| commit | 29136b0fe2cbc7c1ba524f3483701f1a257ecb7c (patch) | |
| tree | 71da3c441890cb6811dd94d576ec1b0103eb56f4 | |
| parent | c7cd20588324b852123702bdbc3dafdd973db4c8 (diff) | |
issue30, fixed wickled lines when images have different lines
git-svn-id: file:///var/lib/svn/phpfspot/trunk@230 fa6a889d-dae6-447d-9e79-4ba9a3039384
| -rw-r--r-- | stylesheet.css | 27 | ||||
| -rw-r--r-- | templates/photo_index.tpl | 11 |
2 files changed, 26 insertions, 12 deletions
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]}&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} - + <td> </td> {/if} - </td> {/section} </tr> {/section} </table> - </div> </td> </tr> <tr> |