Changeset 5934

Timestamp:

Apr 21, 2010, 5:50:08 PM (15 years ago)

Author:

patdenice

Message:

Fix display with IE7

Location:

extensions/luciano

Files:

• fix-ie7.css (modified) (1 diff)
• template/slideshow.tpl (modified) (1 diff)
• theme.css (modified) (1 diff)

extensions/luciano/fix-ie7.css

@@ -1 +1 @@
 /* fix IE with another layout for thumbnails */
 
-
+.content UL.thumbnails SPAN.wrap2 {
+  display: block;
+  position: relative;
+  text-align: left;
+}
+.content UL.thumbnails SPAN.wrap2 A,
+.content UL.thumbnails SPAN.wrap2 SPAN {
+  width:170px;
+  overflow: visible;
+  position: absolute;
+  top: 50%;
+  text-align: center;
+}
 
 .content UL.thumbnails IMG.thumbnail {
-  position: relative; 
+  position: relative;
+  top: -50%;   
 }

extensions/luciano/template/slideshow.tpl

@@ -5 +5 @@
 <div id="imageContainer">
         <div id="theImage">
-                <a href="{$U_SLIDESHOW_STOP}">{$ELEMENT_CONTENT}</a>
+                <div id="theImg"><a href="{$U_SLIDESHOW_STOP}">{$ELEMENT_CONTENT}</a></div>
         </div>
 </div>

extensions/luciano/theme.css

@@ -206 +206 @@
 
 #imageInfo                      { margin-top: 10px; }
-#imageInfoLeft  { float: left; width: 500px; text-align: left; }
-#imageInfoRight { float: right; width: 250px; height: 40px; text-align: right; }
+#imageInfoLeft  { float: left; width: 500px; text-align: left; margin-bottom: 10px; }
+#imageInfoRight { float: right; width: 250px; height: 40px; text-align: right; margin-bottom: 10px; }
 
 #ratingSummary  { margin-bottom: 3px; }