aboutsummaryrefslogtreecommitdiffstats
path: root/template-extension/distributed/samples
diff options
context:
space:
mode:
Diffstat (limited to 'template-extension/distributed/samples')
-rw-r--r--template-extension/distributed/samples/my-thumbnails2.css17
-rw-r--r--template-extension/distributed/samples/my-thumbnails2.tpl6
2 files changed, 15 insertions, 8 deletions
diff --git a/template-extension/distributed/samples/my-thumbnails2.css b/template-extension/distributed/samples/my-thumbnails2.css
index cb03e1144..c28e3c517 100644
--- a/template-extension/distributed/samples/my-thumbnails2.css
+++ b/template-extension/distributed/samples/my-thumbnails2.css
@@ -1,7 +1,14 @@
/* $Id$ */
-legend.thumbLegend { padding: 0 5px; color: #24919c; font-style:italic; font-size: 7px; }
-fieldset.wrap1 { width: 96px; min-width: 96px; padding: 0;
+.thumbLegend { padding: 0 6px; color: #24919c; font-style:italic; font-size: 7px; }
+.fld1 { width: 96px; min-width: 96px; padding: 0;
margin: 5px; display: inline;}
-.wrap2 { display: block; padding: 4px 15px 10px 15px; border: 0;}
-a.wrap2:hover { border: 0; background-color: #000; }
-img.thumbnail { display: block; margin: 2px auto; } \ No newline at end of file
+.lap2 { display: block; padding: 4px 15px 10px 15px; border: 0;}
+.fld1:hover { background-color: #000; }
+.fld1 a:hover { border:0; }
+.thumbnail { margin: 2px auto; }
+/* Advanced hacks for IE 7 */
+*+html .thumbnail { display: inline; margin: 0 auto; }
+*+html .lap2 span { position: relative; top: 50%; margin: 0 auto; }
+*+html .lap2 { display: inline; position: relative; top: 0%; }
+*+html .fld1 { width: auto; padding: 6px 0 6px 0; margin-top: 0px;}
+*+html .thumbLegend { font-size: 10px; } \ No newline at end of file
diff --git a/template-extension/distributed/samples/my-thumbnails2.tpl b/template-extension/distributed/samples/my-thumbnails2.tpl
index abd4096ae..205cc80e8 100644
--- a/template-extension/distributed/samples/my-thumbnails2.tpl
+++ b/template-extension/distributed/samples/my-thumbnails2.tpl
@@ -5,12 +5,12 @@
<ul class="thumbnails">
{foreach from=$thumbnails item=thumbnail}
<li>
- <fieldset class="wrap1">
+ <fieldset class="fld1">
<legend class="thumbLegend">
{if !empty($thumbnail.ELEMENT_NAME)}{$thumbnail.ELEMENT_NAME}{/if}
</legend>
- <a href="{$thumbnail.U_IMG_LINK}" class="wrap2">
- <img class="thumbnail" src="{$thumbnail.IMAGE}" alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}" />
+ <a href="{$thumbnail.U_IMG_LINK}" class="lap2">
+ <span><img class="thumbnail" src="{$thumbnail.IMAGE}" alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}" /></span>
</a>
</fieldset>
</li>