Tabellenschatten -> Opera und Firefox

[Stocki]

hallo,

ich hab ein eigentlich total simples problem hab ich so das gefühl, aber ich find einfach keine lösung...
ich hab ne tabelle mit rand, aber in opera und firefox legts auf den rand immer einen schatten, der gar nicht gewollt ist.
naja, wie bekomm ich den weg?

gegenstand is ne ganz normale tabelle mit rand:

<table width="100%" border="1" align="right" cellpadding="0" cellspacing="3" bordercolor="#FFFFFF">
</table>

danke!
stocki

[LimaX]

Mit CSS!
Wenn Du keine separate CSS-Datei hast, bau folgenden Code in den Header Deiner Seite:

 <style type=\"text/css\">
 <!--
table {border: 1px solid #fff;}  
 //-->
 </style>

Mehr zu CSS findest Du auch hier im Forum, wenn Du fleißig suchst

[Boris]

Mal etwas ausgiebiger:

HTML:
<table> ... </table> (Weiter nix)

CSS:
table
{
margin: 0;
padding: 3px;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #fff;
}

[Stocki]

danke! das funktioniert, aber ränder von einzelnen zellen verschwinden... wie kann ich diese noch mit erhalten, ohne jede einzelne zelle als tabelle zu nehmen?

stocki

[Boris]

Wenn du f&#252;r alle Zellen einen Rand willst, musst du dazu schreiben:

td
{
border: 1px solid #fff;
}

Die Farbe #fff musst du halt noch anpassen, sofern sie nicht wei&#223; sein soll

[Stocki]

danke, so langsam erkenne ich auch den aufbau von css denke ich, das vor der klammer ist das html-element was formatiert werden soll und innerhalb der geschweiften klammer sind die attribute... oder?

stocki

[Boris]

So siehts aus

Das ist aber nur eine M&#246;glichkeit, man kann es nat&#252;rlich auch &#252;ber Klassen oder IDs vergeben.

.klassenname
{
...
}

<table class="klassenname">...

Oder via ID, wobei eine ID nur ein einziges mal benutzt werden darf:

#idname
{
...
}

<table id="idname">....

[Stocki]

ja so mache ich es auch gerade... ich schreibe immer ein ".z" dahinter, z.B. also td.z { ... } und binde es dann mittels class="z" ein, da ich nicht alle tabellen auf diese weise formatiert haben will

stocki

[Stocki]

kennst du vllt ein gutes buch/tutorial was sich mit css beschäftigt?

[Boris]

http://www.csshilfe.de/
http://de.selfhtml.org/

[Thomas]

und www.css4you.de