son gohan
Erfahrenes Mitglied
Hallo,
ich habe mir eine Tabelle gebastelt und wollte mal ganz lieb nachfragen ob nicht jemand mir den Code checken kann und bzw. tipps geben kann ob diese Konstruktion gut ist oder ob es eine bessere Lösung gibt die überall funktioniert z.b. mit Listen, bevor ich mich an diese Variante gewöhne.
Leider habe ich es mit Listen nicht geschaft das so aufzubauen.
Vielen Dank im Voraus.
ich habe mir eine Tabelle gebastelt und wollte mal ganz lieb nachfragen ob nicht jemand mir den Code checken kann und bzw. tipps geben kann ob diese Konstruktion gut ist oder ob es eine bessere Lösung gibt die überall funktioniert z.b. mit Listen, bevor ich mich an diese Variante gewöhne.
Leider habe ich es mit Listen nicht geschaft das so aufzubauen.
Vielen Dank im Voraus.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>test Tabelle</title>
<!--
#leftright { padding:0px; border-left:1px solid #009F00; border-right:1px solid #009F00; }
.ae { float:left; background-color:#005F00; width:179px; height:20px; color:#ffffff; font-size:14px;
font-family:arial; font-weight:bold; vertical-align:middle; padding-top:2px; margin:1px; }
.fk { float:left; background-color:#95E199; width:179px; height:20px; color:#000000; font-size:14px;
font-family:arial;font-weight:bold; vertical-align:middle; padding-top:2px; margin:1px; }
.lr { float:left; background-color:#95E199; width:179px; height:20px; color:#000000; font-size:14px;
font-family:arial; font-weight:bold; vertical-align:middle; padding-top:2px; margin:1px; }
.sz { float:left; background-color:#005F00; width:179px; height:20px; color:#ffffff; font-size:14px;
font-family:arial; font-weight:bold; vertical-align:middle; padding-top:2px; margin:1px; }
.mae { float:left; background-color:#E3F9E6; width:179px; color:#000000; font-size:14px;
font-family:arial; text-align:left; vertical-align:middle; padding-top:2px; margin:1px; display:block; }
-->
</style>
</head>
<body>
<div style="width:727px;" align="center">
<div id="leftright">
<span class="ae">A - E</span>
<span class="fk">F - K</span>
<span class="lr">L - R</span>
<span class="sz">S - Z</span>
<br style="clear:both;">
<span class="mae">A - E</span>
<span class="mae">F - K</span>
<span class="mae">L - R</span>
<span class="mae">S - Z</span>
<br style="clear:both;">
<span class="ae">A - E</span>
<span class="fk">F - K</span>
<span class="lr">L - R</span>
<span class="sz">S - Z</span>
<br style="clear:both;">
</div>
</div>
</BODY>
</HTML>