[Pkg-jed-commit] r74 - trunk/www

Wed Sep 21 22:28:02 UTC 2005

Author: rafael
Date: 2005-09-21 22:28:02 +0000 (Wed, 21 Sep 2005)
New Revision: 74

Modified:
   trunk/www/djg.css
   trunk/www/index.html
Log:
* Removed the table in the footer.  This version is a pure CSS-driven design
  using exclusively the tags <div> for the markup.
* Use <h1> in header.
* Set the width of the text to limit the number of characters in one line
   This improves the readability.



Modified: trunk/www/djg.css
===================================================================

--- trunk/www/djg.css	2005-09-21 07:00:52 UTC (rev 73)
+++ trunk/www/djg.css	2005-09-21 22:28:02 UTC (rev 74)
@@ -1,5 +1,6 @@
 body {
-  margin: 4em;
+  margin: 4em auto;
+  width: 50em;
   background-image: url("earth.png");
   border-color: #000;
   border-style: solid;
@@ -10,11 +11,17 @@
 
 #title {
   background-color: #ddd;
+  font-size: inherit;
+}
+
+#title > h1 {
   font-size: 180%;
   font-weight: bold;
   color: #178;
   text-align: center;
-  padding: 1pt;
+  padding-top: 1em;
+  padding-bottom: 1em;
+  margin: 0pt;
 }
 
 #frame {
@@ -23,20 +30,6 @@
   padding: 8pt;
 }
 
-#footer {
-  background-color: #ddd;
-  text-align: center;
-  padding: 1pt;
-  margin: 0pt;
-}
-
-#footer > table {
-  width: 100%;
-  padding: 1pt;
-  font-size: 80%;
-  color: #389;
-}
-
 #frame a {
   text-decoration: none;
   color: blue;
@@ -45,17 +38,39 @@
 #frame a:visited { color: #178; }
 #frame a:hover { text-decoration: underline; }
 
-#footer a {
-  text-decoration: underline;
+#footer {
+  background-color: #ddd;
   color: #389;
+  padding-left: 8pt;
+  padding-right: 8pt;
+  font-size: 80%;
 }
 
-td.left {
-  text-align: left;
+#footer > #status {
+  float: left;
+  width: 65%;
 }
 
-td.right {
+#footer > #validate {
+  float: right;
+  width: 25%;
   text-align: right;
 }
 
+#footer a {
+  text-decoration: underline;
+  color: #389;
+}
 
+#footer p {
+  margin: 0pt;
+  padding: 0pt;
+}
+
+.clear {
+  display: hide;
+  clear: both;
+  font-size: 1px;
+  color: #ddd;
+  border: solid 1px;
+}
\ No newline at end of file

Modified: trunk/www/index.html
===================================================================
--- trunk/www/index.html	2005-09-21 07:00:52 UTC (rev 73)
+++ trunk/www/index.html	2005-09-21 22:28:02 UTC (rev 74)
@@ -13,7 +13,7 @@
 
 <body>
 <div id="title">
-<p>Debian JED Group</p>
+<h1>Debian JED Group</h1>
 </div>
 <div id="frame">
 <p>The <a href="http://www.debian.org">Debian</a> packages related to the
@@ -32,20 +32,21 @@
 </a></p>
 </div>
 <div id="footer">
-<table>
-<tr>
-<td class="left">
+<div id="status">
+<p>
   Last changed: $Date$<br/>
   by $Author$<br/>
   <a href="http://svn.debian.org/wsvn/pkg-jed/trunk/www/index.html?op=file&amp;rev=0&amp;sc=0">(show me the source)</a>
-</td>
-<td class="right">
+</p>
+</div>
+<div id="validate">
+<p>
   <a href="http://validator.w3.org/check/referer">Valid XHTML 1.0!</a><br/>
   <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS!</a>
-</td>
-</tr>
-</table>
+</p>
 </div>
+<div class="clear"></div>
+</div>
 </body>
 
 </html>


