Tabellenhilfe

[Niklas Springhorn]

Hallo...

Ich habe ein Problem mit ner Tabelle.

Und zwar bildet sich jetzt kein Rahmen in der Tabelle, nur aussen.
Mach ich bei der Tabelle cellspacing 0, zeigt der die ganzen Zeilen zusammen an. Wie mache ich das, das in der Tabelle ebenfalls ein weißer, dünner rahmen angezeigt wird?
Hier der Quelltext.

<table style="border:thin solid white;border-middle:white" >
<tr><td style="background-color:grey;color:white;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7" onmouseover="this.style.backgroundColor='gold';this.style.color='black'" onmouseout="this.style.backgroundColor='grey';this.style.color='lightgrey'">Hier ist der Tabellentest
<td style="background-color:grey;color:white;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7" onmouseover="this.style.backgroundColor='yellow';this.style.color='black'" onmouseout="this.style.backgroundColor='grey';this.style.color='lightgrey'">Funktioniert doch!
<tr><td style="background-color:grey;color:white;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7" onmouseover="this.style.backgroundColor='gold';this.style.color='black'" onmouseout="this.style.backgroundColor='grey';this.style.color='lightgrey'">Ich weiß nicht, ...
<td style="background-color:grey;color:white;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7" onmouseover="this.style.backgroundColor='yellow';this.style.color='black'" onmouseout="this.style.backgroundColor='grey';this.style.color='lightgrey'">... was du hast!

[Harlequin]

Yerf!

Und zwar bildet sich jetzt kein Rahmen in der Tabelle, nur aussen.
Mach ich bei der Tabelle cellspacing 0, zeigt der die ganzen Zeilen zusammen an. Wie mache ich das, das in der Tabelle ebenfalls ein weißer, dünner rahmen angezeigt wird?
Hier der Quelltext.

<table style="border:thin solid white;border-middle:white" >

Die CSS-Angabe border verhält sich etwas anders als das veraltete border-Attribut einer Tabelle: es wird immer nur das Element selbst umrahmt. Wenn also ein Gitternetz erscheinen soll müssen die Zellen umrahmt werden, evtl. mit einer zusätlichen Angabe von border-collapse:collapse für die Tabelle, damit die Rahmen benachbarter Zellen zusammengefasst werden.

Benutze für diese Angabe aber *bitte* nicht das style-Attribut... wohin das führt sieht man in deinem Beispiel sehr deutlich: es wird sehr unübersichtlich. Gib der Tabelle eine ID und nutze im zentralen Stylesheet den Nachfahrenselektor:

#tabellenID{
border-collapse:collapse;
}
#tabellenID td{
border:thin solid white;
...weitere Angaben für alle Zellen
}

Gruß,

Harlequin

[Der Martin]

Hi,

<table style="border:thin solid white;border-middle:white" >

es gibt keine CSS-Eigenschaft border-middle. Du möchtest die td-Elemente innerhalb der Tabelle mit einem Rahmen versehen.

<tr><td style="background-color:grey;color:white;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7" onmouseover="this.style.backgroundColor='gold';this.style.color='black'" onmouseout="this.style.backgroundColor='grey';this.style.color='lightgrey'">Hier ist der Tabellentest

Jo liab's Herrgöttle von Biberach! Du möchtest außerdem das style-Attribut vermeiden und die CSS-Regeln in ein zentrales Stylesheet auslagern.

So long,
 Martin