Medien & Phantastik > Multimedia

Bentleys CSS Abenteuer ...

(1/3) > >>

Bentley Silberschatten:
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.

Enkidi Li Halan (N.A.):
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 ;-)

Thalamus Grondak:
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:


--- Code: ---<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%">&nbsp;</td>
    <td width="50%">&nbsp;</td>
  </tr>
  <tr class="other">
    <td width="50%">&nbsp;</td>
    <td width="50%">&nbsp;</td>
  </tr>
</table>

</body>

</html>


--- Ende Code ---

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.

Enkidi Li Halan (N.A.):
Da hat er dann aber überall die gleiche Rahmenfarbe ;-)

Thalamus Grondak:

--- Zitat von: Bentley Silberschatten am  7.11.2004 | 17:01 ---Ich möchte das der Rand und die Gitternetzlinie eine Farbe zugewiesen bekommen

--- Ende Zitat ---
Ich habe das so verstanden, das es auch so beacbischtigt war.

Navigation

[0] Themen-Index

[#] Nächste Seite

Zur normalen Ansicht wechseln