Don't use table based layout, convert to CSS based layout. Patch

by Jutta Wrage

CVS version numbers

english/sitemap.wml: 1.33 -> 1.34

1 files changed, 58 insertions, 79 deletions

diff --git a/english/sitemap.wml b/english/sitemap.wml
index d40e9967a09..d149830e2ab 100644
--- a/english/sitemap.wml
+++ b/english/sitemap.wml
@@ -64,13 +64,22 @@ sub title_of {
 <a href="%0"><:= title_of("%0") :></a>
 </define-tag>
 
-<table width="100%" border="0" cellspacing="0" cellpadding="10">
-<tr><td width="50%" valign=top><card name="<aboutdebian>">
-
-<table border="0" width="100%" cellpadding="10">
-<tr>
-<td width="50%">
-
+<ul>
+<li><a href="#aboutdebian"><aboutdebian/></a></li>
+<li><a href="#gettingdebian"><gettingdebian/></a></li>
+<li><a href="#support"><support/></a></li>
+<li><a href="#development"><development/></a></li>
+<li><a href="#misc"><misc/></a></li>
+</ul>
+
+<hrline>
+
+<div id="main">
+
+<div class="card" id="aboutdebian">
+  <h2><aboutdebian/></h2>
+  <div>
+  <div class="lefthalf"> 
   <ul>
   <li><linkto "intro/about">
   <li><linkto "social_contract">
@@ -83,9 +92,8 @@ sub title_of {
   <li><linkto "donations">
   <li><linkto "contact">
   </ul>
-</td>
-
-<td width="50%">
+  </div>
+  <div class="righthalf">
   <ul>
   <li><linkto "intro/cn">
   </ul>
@@ -101,17 +109,13 @@ sub title_of {
   <li><linkto "partners/">
   <li><linkto "mirror/official_sponsors">
   </ul>
-</td>
-</tr>
-</table>
-
-</card></td></tr>
-
-<tr><td width="50%" valign=top><card name="<gettingdebian>">
-
-<table border="0" width="100%" cellpadding="10">
-<tr>
-<td width="50%">
+  </div>
+  </div>
+</div>
+<div class="card" id="gettingdebian">
+  <h2><gettingdebian/></h2>
+  <div>
+  <div class="lefthalf"> 
   <ul>
   <li><linkto "releases/">
   <li><linkto "releases/stable/">
@@ -128,9 +132,8 @@ sub title_of {
   <li><linkto "CD/netinst/">
   <li><linkto "distrib/floppyinst">
   </ul>
-</td>
-
-<td width="50%">
+  </div>
+  <div class="righthalf">
   <ul>
   <li><linkto "CD/">
   <li><linkto "CD/faq/">
@@ -142,17 +145,13 @@ sub title_of {
   <li><linkto "CD/http-ftp/">
   <li><linkto "CD/jigdo-cd/">
   </ul>
-</td>
-</tr>
-</table>
-
-</card></td></tr>
-
-<tr><td width="50%" valign=top><card name="<support>">
-
-<table border="0" width="100%" cellpadding="10">
-<tr>
-<td width="50%">
+  </div>
+  </div>
+</div>
+<div class="card" id="support">
+  <h2><support/></h2>
+  <div>
+  <div class="lefthalf"> 
   <ul>
   <li><linkto "support">
   <li><linkto "international/">
@@ -169,9 +168,8 @@ sub title_of {
   <li><linkto "doc/devel-manuals">
   <li><linkto "doc/misc-manuals">
   </ul>
-</td>
-
-<td width="50%">
+  </div>
+  <div class="righthalf">
   <ul>
   <li><linkto "security/">
   <li><linkto "security/audit/">
@@ -193,17 +191,13 @@ sub title_of {
   <li><linkto "http://lists.debian.org/bugs.html">
   <li><linkto "http://lists.debian.org/misc.html">
   </ul>
-</td>
-</tr>
-</table>
-
-</card></td></tr>
-
-<tr><td width="50%" valign=top><card name="<development>">
-
-<table border="0" width="100%" cellpadding="10">
-<tr>
-<td width="50%">
+  </div>
+  </div>
+</div>
+<div class="card" id="development">
+  <h2><development/></h2>
+  <div>
+  <div class="lefthalf"> 
   <ul>
   <li><linkto "Bugs/">
   <li><linkto "Bugs/Reporting">
@@ -240,9 +234,8 @@ sub title_of {
   <li><linkto "http://packages.qa.debian.org/">
   <li><linkto "http://qa.debian.org/developer.php">
   </ul>
-</td>
-
-<td width="50%">
+  </div>
+  <div class="righthalf">
   <ul>
   <li><linkto "devel/">
   <li><linkto "devel/constitution">
@@ -279,17 +272,13 @@ sub title_of {
   <li><linkto "vote/howto_proposal">
   <li><linkto "vote/howto_follow">
   </ul>
-</td>
-</tr>
-</table>
-
-</card></td></tr>
-
-<tr><td width="50%" valign=top><card name="<misc>">
-
-<table border="0" width="100%" cellpadding="10">
-<tr>
-<td width="50%">
+  </div>
+  </div>
+</div>
+<div class="card" id="misc">
+  <h2><misc/></h2>
+  <div>
+  <div class="lefthalf"> 
   <ul>
   <li><linkto "mirror/">
   <li><linkto "mirror/size">
@@ -299,10 +288,9 @@ sub title_of {
   <li><linkto "mirror/official">
   <li><linkto "mirror/webmirror">
   </ul>
+  </div>
+  <div class="righthalf">
 
-</td>
-
-<td width="50%">
   <ul>
   <li><linkto "logos/">
   <li><linkto "banners/">
@@ -317,27 +305,18 @@ sub title_of {
   <ul>
   <li><linkto "misc/awards">
   </ul>
-</td>
-</tr>
-
-<tr>
-<td width="50%">
   <ul>
   <li><linkto "ports/hurd/">
   <li><linkto "ports/netbsd/">
   <li><linkto "ports/freebsd/">
   </ul>
-</td>
-
-<td width="50%">
   <ul>
   <li><linkto "ports/beowulf/">
   <li><linkto "misc/laptops/">
   </ul>
-</td>
-</tr>
-</table>
-
-</card></td></tr></table>
+  </div>
+  </div>
+</div>
 
 <p align="center"><font size="+2"><strong><linkto "$(SEARCH)"></strong></font></p>
+</div>