diff options
| -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> |