Tanelorn.net
Medien & Phantastik => Multimedia => Thema gestartet von: Bentley Silberschatten am 7.11.2004 | 17:01
-
Hallo Leute.
Bisher hab ich mich wunderbar mit HTML durchschlagen können ud hab bisher fast alles irgendwie in den Griff bekommen.
Nun bin ich gerade dabei meine Hauptseite zu ändern, und das wohl so grundlegend das ich alles ganz neu machen werde.
Die Gelegenheit CSS einzubauen, was ja auch zukünftige Änderunge einfacher mache würde.
Tja, leider wehrt sich das CSS nun schon seit ner weile mir verständlich zu werden ::)
Klar, so einfache sachen wie das alle H1 Überschrifte ne bestimte größe, Style usw, haben ist nicht das Problem.
Ich möchte eine Tabelle Formatieren, und das bekomme ich leider nicht in Griff.
Ich möchte das der Rand und die Gitternetzlinie eine Farbe zugewiesen bekommen
dann soll die oberste Reihe (erster TR Tag) eine Hintergrundfarbe zugewiesen bekommen
und alle anderen folgenden TR Tags sollen eine weitere Hintergrundfarbe bekommen
jetzt möchte ich das aber nicht mittels den Tags erledigen weil auf der selben Seite Tabellen, genau gleich aufgebaut, sein sollen, die andere Farben zugewiesen bekommen.
Dafür gibt es doch sicher eine Lösung, die ich èinfach nicht kenne, oder?
Wenn mir da jemand Tips, oder besser noch, Programmcodes geben könnte, wär das echt spitze.
-
Hi Bentley,
also ich weiss jetzt nicht, ob ich dich richtig verstanden habe, aber ich würde das so in der Art lösen:
http://www.sathranet.com/testtable.htm
Es wird dir wahrscheinlich nichts anderes übrig bleiben, als über die Formatierung der Tabellentags zu gehen, musst du halt entsprechend für die andersfarbigen Tabellen andere Stile definieren. Wenn's da was eleganteres gibt, würde mich das auch interessieren ;-)
-
Das Zauberwort heisst hier "Klassen"
Du kannst im HEAD der HTML Datei, oder in einer Seperaten css Datei Klassen anlegen, die du dann den entsprechenden Tags zuordnest.
Bsp:
<html>
<head>
<title>Titel</title>
<STYLE TYPE="text/css">
<!--
TABLE,TD
{
border-color:red;
}
TR.top
{
background-color: white;
}
TR.other
{
background-color: green;
}
-->
</style>
</head>
<body>
<table border="2" width="100%">
<tr class="top">
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
<tr class="other">
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
</table>
</body>
</html>
Das ergibt eine Tabelle in der die Ränder Rot sind, und die erste Reihe Weiß, und die weiteren reihen(alle in die du class="other" schreibst) Grün.
-
Da hat er dann aber überall die gleiche Rahmenfarbe ;-)
-
Ich möchte das der Rand und die Gitternetzlinie eine Farbe zugewiesen bekommen
Ich habe das so verstanden, das es auch so beacbischtigt war.
-
War es auch, aber zu wissen wie mans anders macht, ist nie verkehrt. Deshalb herzlichsten dank euch beiden!
Kann man die Formatierungen irgendwie so zusammenfassen, das ich bei Tabelle nach typ A einfach class="typA" und bei Tabellen nach Typ B class="typB" angeben kann? z.b. im TABLE Tag?
-
Du kannst in einer Tabelle auch jede seite einzeln formatieren:
border-bottom: 5px #ff0000;
border-left: 1px #000000;
border-top: 1px #000000;
border-right: 1px #000000;
Oder du machst es wie ich, und lässt du dusseligen Tabellen gleich ganz weg ;D
Guck mal unter: http://www.css4you.de
Mit der Seite hab ich an einem Wochenende den Herold von HTML auf CSS umgestellt :d
-
Na ja, aber für manches braucht man Tabelllen schon ;-)
Halt nicht mehr für die Gestaltung, aber wenn's um eine saubere Darstellung von Datensätzen geht, kannman auf Tabellen nicht verzichten.
Bentley, wenn du dich weiter mit dem Thema CSS und XHTML beschäftigen willst, kann ich dir neben css4you noch die Bücher "Eric Meyer on CSS" und Zeldman's "Designing with Web Standards" empfehlen.
-
Guck mal unter: http://www.css4you.de
Oh, schöne Seite, sowas habe ich gebraucht (ohne es bis eben zu wissen). Vielen Dank...
-
Danke euch alle für eure Tips, die Seite ist klasse.
@Korvin
ich bin gespant die css Variante des Fantasy Herold im Einsatz zu sehen ::)
-
Du, die erste ist schon im Einsatz :D
-
ich meinte natürlich die, an der du gearbeitet hast []-
-
Musst ja nichtgleich schlagen :D