I've just learned html ...

please meet <fieldset> and <legend> ... it enables a quite great layout !

diff --git a/htdocs/css/default.css b/htdocs/css/default.css
index 38032a6..1c6a2e6 100644 (file)
--- a/htdocs/css/default.css
+++ b/htdocs/css/default.css
@@ -35,6 +35,8 @@ a img { border: 0px; }
 td    { vertical-align: top; }
 li    { padding-left: 3px; padding-right: 3px; text-align: justify; }
 hr    { width: 90%; text-align: center }
+fieldset { border: 1px black dotted; }
+legend { border: 1px #305070 solid; }
 
 .center { text-align: center; }
 .right  { text-align: right; }
@@ -582,4 +584,4 @@ div.spacer { clear: both; }
 }
 
 /* vim: set et ts=4 sts=4 sw=4: */
-/* $Id: default.css,v 1.56 2004-11-04 15:14:37 x2000habouzit Exp $ */
+/* $Id: default.css,v 1.57 2004-11-04 16:21:45 x2000habouzit Exp $ */

diff --git a/htdocs/css/sharky.css b/htdocs/css/sharky.css
index 0d03b51..e91b591 100644 (file)
--- a/htdocs/css/sharky.css
+++ b/htdocs/css/sharky.css
@@ -27,6 +27,16 @@ body {
     background: #99afc1;
     color: #000000;
 }
+fieldset {
+    border: 1px #305070 solid;
+    background: #80a0c0;
+    color: inherit;
+}
+legend {
+    border: 1px #305070 solid;
+    background: #99b9d0;
+    color: inherit;
+}
 
 /*******************************************************************************
     2   Styles <p>, <div>, <span>, <li>
@@ -148,4 +158,4 @@ div.contact div.long {
 }
 
 /* vim: set et ts=4 sts=4 sw=4: */
-/* $Id: sharky.css,v 1.5 2004-10-24 14:41:11 x2000habouzit Exp $ */
+/* $Id: sharky.css,v 1.6 2004-11-04 16:21:46 x2000habouzit Exp $ */