Converted the front advert into CSS based on discussion on
authorJoey Schulze <joey@infodrom.org>
Mon, 1 Oct 2007 10:23:36 +0000 (10:23 +0000)
committerJoey Schulze <joey@infodrom.org>
Mon, 1 Oct 2007 10:23:36 +0000 (10:23 +0000)
<http://www.brunildo.org/test/img_center.html>

Styles/infodrom.style
src/infodrom.css

index 11d41ff..e8afd62 100644 (file)
@@ -114,22 +114,15 @@ print ".";
 </define-tag>
 
 <define-tag frontad>
-<table width=100% border=0>
-<tr>
-  <td align=left valign=center>
-     &nbsp;
-     <a href="http://www.debian.org/"><img src="http://www.debian.org/logos/button-1.gif" width=90 height=30 alt="Debian" border=0></a>
-#     <ifont><a href="http://oldenburger.linuxtage.de/"><b>Oldenburger LinuxTag</b></a></ifont>
-  </td>
-  <td align=right valign=center>
-     <a href="http://www.infodrom.org/Linux/"><img src="http://www.infodrom.org/gifs/powered_by_linux.gif" alt="Powered by Linux" width=180 height=70 border=0></a>
-  </td>
-</tr>
-</table>
-</define-tag>
+<div style="float: left; margin-left: 10px;">
+<div class="wraptocenter"><span></span>
+<a href="http://www.debian.org/"><img src="http://www.debian.org/logos/button-1.gif" width=90 height=30 alt="Debian"></a>
+</div>
+</div>
 
-# <db>
-#   Name der Haupt-Datenbank fuer diesen Bereich
-#
-#   OBSOLETE!!!!!!!!!!
-<define-tag db>web</define-tag>
+<div style="float: right;">
+<div class="wraptocenter"><span></span>
+<a href="http://www.infodrom.org/Linux/"><img src="http://www.infodrom.org/gifs/powered_by_linux.gif" alt="Powered by Linux" width=180 height=70></a>
+</div>
+</div>
+</define-tag>
index 6456037..0aa465c 100644 (file)
@@ -94,6 +94,38 @@ div.fortune_0 p {
 }
 
 /*
+ * Only for the front ad
+ */
+.wraptocenter {
+    display: table-cell;
+    vertical-align: middle;
+    width: 180px;
+    height: 70px;
+}
+.wraptocenter * {
+    vertical-align: middle;
+}
+/*\*//*/
+.wraptocenter {
+    display: block;
+}
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+    width: 1px;
+}
+/**/
+</style>
+<!--[if IE]><style>
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+}
+.wraptocenter img {
+  border: 0px;
+}
+
+/*
  * Footer
  */
 div.footer {