diff options
Diffstat (limited to '')
| -rw-r--r-- | template-extension/distributed/samples/my-thumbnails2.css | 17 | ||||
| -rw-r--r-- | template-extension/distributed/samples/my-thumbnails2.tpl | 6 |
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> |