[schlurpsel]

Hey,

wie kann ich diese Tabelle nur mit CSS so konfigurieren, dass sie außen und innen einen schwarzen Rand von 2px hat? Soll mit Firefox und IE gehen, also gleich aussehen. Der Style sollte nur im attribut <table> eingebunden sein, nicht in den <td>'s.

PHP-Code:

<table  width="450" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>test</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table> 


danke
schlurpsel

[heiko_rs]

3 relevante Eigenschaften:

border-spacing
border-collapse
border

Wirf cellspacing, cellpadding und width raus, das geht alles per CSS.

[schlurpsel]

danke, doch das habe ich auch schon gefunden. Dabei ist das Problem, dass ich für das formatieren der einzelenen Zellen was bei <td> einfügen muss. Das möchte ich nicht, sondern nur bei dem Attribut <table>.
Hoffe, das geht
danke
schlurpsel

[heiko_rs]

Bei td mußt Du gar nichts einfügen, und übrigens auch nicht bei table - mehr als <table> sollte nicht im HTML stehen, wirf den Rest raus. Durch ein externes Stylesheet (oder ein style-Element innerhalb von head) kannst Du alle Elemente problemlos ansprechen und ihnen die gewünschten Eigenschaften zuweisen.

[schlurpsel]

und wie mache ich das, dass der Rand der Tabelle und die Zellen der Tabelle einen Rand von 2px und schwarz haben?

[heiko_rs]

Grundsätzlich so

table,
td {
border: 2px solid #000;
}

table kannst Du dabei auch weglassen, falls die borders eh zusammenfallen. Beachte dazu auch die 3 Links.

[schlurpsel]

danke, funzt prima

Aber noch ne Frage:
Kann ich es irgendwie mit css noch machen, dass das td/table für alle gilt außer eine Tabelle mit bestimmten class-Name oder ID?
danke
schlurpsel

[Crizzo]

Du könntest td, table so wie es Heiko gezeigt hat per CSS Definieren und der andereren Tabelle eine "id" geben und mit dieser die generellen Eigentschaften überschreiben.

Sieht in der CSS-Datei dann so aus:

table#anderetabelle {}
table#anderetabelle td{}
usw.

in HTML:

<table id="anderetabelle">
[...]</table>