Tabellenrand und Tabellenfuß formatieren
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angeben
angezeigt http
attribut
code
dank
datei
element
entfernen
formatierung
http
impressum
kontakt
tabelle
text
werbung
-
Ich möchte mir ein einfaches HP Style machen. Habe ein bicchen gecodet aber jetzt komm ich doch nicht mher weiter.
Und zwar, wie bekomme ich die weiße Ränder da raus?
http://andre2005.lima-city.de/tabelle.html
Mein Code sieht so aus:
<table width="100%" border="0"> <th bgcolor="#C1C2C2">Kopfzelle</th> <table width="100%" height="100%" border="0"> <tr> <td width="20%" height="100%" bgcolor="#C1C2C2">hrtg</td> <td width="60%" height="100%" bgcolor="#DEDFE2">g</td> <td width="20%" height="100%" bgcolor="#C1C2C2">hg</td> </tr> </table> <tfoot bgcolor="#C1C2C2">fvb</tfoot> </table>
Und kann man den <tfoot Bereich auch irgend wie mit ner Farbe formatieren? Weil irgned wie ist das bei mir nur weiß.Irgend wie geht das mit bgcolor nicht.
Editiert von moritzpeuser: Just added some code-tags...
Beitrag geändert: 16.10.2008 17:26:11 von moritzpeuser -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Obwohl ich das alles grundsätzlich mit CSS machen würde: Die Ränder verschwinden nach einem cellspacing="0" (cellpadding="0") im table-tag.
-
Obwohl ich das alles grundsätzlich mit CSS machen würde: Die Ränder verschwinden nach einem cellspacing="0" (cellpadding="0") im table-tag.
sorry des hat mir jezt aber auch net weiter gebracht
-
also mein tipp wäre auch css
ist eigendlich ganz einfach. Auf self html wird die Formatierung einer Tabelle mithilfe von CSS sehr gut beschrieben.
Mit cellpadding stellt man den Zelleninnenabstand ein, mit cellspacing den Zellenabstand.
-
Setz mal für die gesamte Seite dieselbe bgcolor, wie für die Tabelle. Vielleicht klappt's dann.
VG Willi
Nachtrag:
Versuch's doch mal mit KompoZer:
http://kompozer.de/
Beitrag geändert: 17.10.2008 14:56:02 von willih411 -
kay habe des so weit hinbekommen. Mache das jetzt mit CSS.
Da gibt es aber einige Probleme:
Meine HTML Datei sieht so aus:
<html>
<head>
<title>Tabelle</title>
<link rel="StyleSheet" href="style/style.css" type="text/css">
</head>
<table width="100%" border="0" bordercolor="#C1C2C2" bgcolor="#C1C2C2">
<tr>
<th class="td.kopfzelle">Kopfzelle</th>
</tr>
<tr>
<td class="td.menue">Men�1</td>
</tr>
<table width="100%" height="80%" border="0" bgcolor="#C1C2C2">
<tr>
<td class="td.sidebar">men�2</td>
<td class="td.contet">text</td>
<td class="td.werbung"><a href="http://www.lima-city.de/?ref=122349"><img src="http://www.lima-city.de/images/banner/lima-city_160x600_1.gif" border="0"></a></td>
</tr>
</table>
</tr>
</table>
<tr>
<table width="100%" height="20px" border="1" bgcolor="#C1C2C2">
<th bgcolor="#C1C2C2" bordercolor="#000000"><div style="text-align:right;">(c) by andre2005.net.tc Impressum Kontakt</div></th>
</table>
</tr>
</table>
und meine CSS so:
td.kofpzelle {
font-family: Arial;
font-size: 15 px;
color: #000000;
}
td.menue {
text-align: center;
background: #C1C2C2;
}
td.sidebar {
width: 15%;
height: 80%;
font-family: Arial;
font-size: 12 px;
color: #000000;
vertical-align: top;
background: #C1C2C2;
}
td.contet {
width: 75%;
height: 80%;
font-family: Arial;
font-size: 12 px;
color: #000000;
text-align: cener;
vertical-align: top;
background: #DEDFE2;
}
td.werbung {
width: 20%
height: 80%
background: #C1C2C2;
}
a {
font-family: Arial;
font-size: 12 px;
color: #000000;
}
a:hover {
font-family: Arial;
font-size: 12 px;
color: #000000;
}
Aber irgend wie wird das jetzt ganz anders angezeigt:
http://andre2005.lima-city.de/tabelle.html
kann mir das mal einer richtig machen?
-
td.kofpzelle { font-family: Arial; font-size: 15 px; color: #000000; }
Sollte es nicht td.kopfzelle heißen? Bei dem class-Attribut darfst du das td. nicht mit angeben! Das td. in der CSS Datei sagt nur aus, dass sich die Formatierung nur auf die <td>-Elemente bezieht. Da du bei der Kopfzelle <th> verwendest, solltest du td.kopfzelle zu th.kopfzelle ändern.
Bei den Attributen musst du also nur das "td." entfernen, z.B.:
<td class="menue">Menü1</td>
Beitrag geändert: 17.10.2008 19:03:37 von spanky1408 -
Und zwar, wie bekomme ich die weiße Ränder da raus?
Meinst du die Ränder außenrum?
/* CSS Code: */ body { margin: 0; padding: 0; }
Ryan
Beitrag geändert: 17.10.2008 19:07:14 von ryanblack -
danke es sieht jetzt so aus wie ich es haben wollte
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
