From ee0af5d43d607ffb969a10e6a21e9df923651d52 Mon Sep 17 00:00:00 2001
From: vdigital <vdigital@piwigo.org>
Date: Thu, 31 Jul 2008 21:23:26 +0000
Subject: Feature:837 sample my-thumbnails2.css with a IE7 acceptable version.

git-svn-id: http://piwigo.org/svn/trunk@2465 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 .../distributed/samples/my-thumbnails2.css              | 17 ++++++++++++-----
 .../distributed/samples/my-thumbnails2.tpl              |  6 +++---
 2 files changed, 15 insertions(+), 8 deletions(-)

(limited to 'template-extension')

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>
-- 
cgit v1.2.3