nicht angemeldet
Tabellenart in CSS
Hallo.
Im Anhang findet ihr 2 Dateien: Die HTML-Datei und die CSS Datei.
Also es soll das selbe in der Tabelle mit dem Header Links mit CSS hervorgerufen werden, wie in der Tabelle mit dem Header Family in HTML.
Geht das?
MfG
DAB268
design.html------------------------------
<BODY>
<table class="main" align="center">
<tr><th class="head" colspan="2" align="left"></th></tr>
<tr><td class="left">
<br>
<table class="left">
<tr><th class="lheader">Links</th></tr>
<tr><td>
<table class="linside">
<tr><td>ALF.de</td></tr>
<tr><td>fritz.de</td></tr>
</table>
</td></tr>
</table>
<br>
<table class="left" cellpadding="0" cellspacing="0">
<tr><th class="lheader">Family</th></tr>
<tr><td>
<table class="linside">
<tr><td><a href="C:">Mutter</a></td></tr>
<tr><td><a href="C:">Vadder</a></td></tr>
</table>
</td></tr>
</table>
<br>
</td>
<td class="middle">
<br>
<table class="middle" align="center">
<tr><th class="mheader">News</th>
<tr><td>
<table class="minside">
<tr><td>Alles beim alten</td></tr>
<tr><td>Doch wat neues!</td></tr>
</table>
</td></tr>
</table>
<br>
<table class="middle" align="center">
<tr><th class="mheader">dubidubv</th>
<tr><td>
<table class="minside">
<tr><td>Alles beim alten</td></tr>
<tr><td>Doch wat neues!</td></tr>
<tr><td>Bla</td></tr>
<tr><td>Bla</td></tr>
<tr><td>Bla</td></tr>
<tr><td>Bla</td></tr>
<tr><td>Bla</td></tr>
<tr><td>Bla</td></tr>
<tr><td>Bla</td></tr>
<tr><td>Bla</td></tr>
<tr><td>Bla</td></tr>
</table>
</td></tr>
</table>
<br>
</td>
</tr>
<tr><td class="bottom" colspan="3" align="center">© 2002 by http://www.cashseiten.de.vu</td></tr>
</table>
</BODY>
</HTML>
---------------------------------------
style.css---------------------------------------
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {font-family:Arial,sans-serif;}
body {background-color:#CCCCCC;color:#000000;}
a {color:#BB0000;text-decoration:none;font-weight:bold;}
a:hover {color:#770000;text-decoration:none;font-weigth:bold;}
table.main {width:90%;border:0px;background-color:#CCCCCC;} /* Haupttabelle um alle anderen */
th.head {background-color:#AAAAAA;height:80px;background-image:url(dab268.jpg);} /* Head: oberste Tabellenreihe */
td.middle {vertical-align:top;background-color:#CCCCCC;} /* Haupttabelle in der Mitte */
td.left {width:15%;background-color:#CCCCCC;vertical-align:top;} /* Hauptabelle links */
td.bottom {background-color:#CCCCCC;height:20px;font-size:9;} /* Bottom: Unterste Tabellenreihe */
table.left {width:90%;border:0px;background-color:#00CCAA;} /* Linke Tabelle um einzelne Rubriken */
th.lheader {background-color:#5555AA;width:100%;} /* Rubrikenheader in der Linken Tabelle */
table.linside {background-color:#DDEEFF;width:100%;} /* Linke Tabelle: Hauptteil */
table.middle {width:85%;border:0;background-color:#5555AA;} /* Mittlere Tabelle um einzelne Rubriken */
th.mheader {background-color:#5555AA;} /* Rubrikenheader in der mittleren Tabelle */
table.minside {background-color:#DDEEFF;width:100%;} /* Mittlere Tabelle: Hauptteil */
----------------------------------------------------------
-
Hallo,
Im Anhang findet ihr 2 Dateien: Die HTML-Datei und die CSS Datei.
Also es soll das selbe in der Tabelle mit dem Header Links mit CSS hervorgerufen werden, wie in der Tabelle mit dem Header Family in HTML.Geht das?
<table class="left" cellpadding="0" cellspacing="0">
<tr><th class="lheader">Family</th></tr>
<tr><td>
<table class="linside">
<tr><td><a href="C:">Mutter</a></td></tr>
<tr><td><a href="C:">Vadder</a></td></tr>
</table>
</td></tr>
</table>Du willst einen CSS-Ersatz für cellpadding="0" cellspacing="0"? Das sind:
table.left {border-collapse:collapse; border-spacing:0;}
table.left th {padding:0;}
table.left td {padding:0;}http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm
viele Grüße
Axel
-
Hi.
Danke für deine Hilfe. Es funktioniert jetzt.MfG
DAB268
-