✔ Rahmenfarbe(n) einer Tabelle - wo liegt das Problem?

[UnderMonkey]

Hallo,


Folgendes Problem: Ich möchte einer Tabelle einen 3D-Rahmen dransetzen - zuerst versuchte ich es mit bordercolordark & bordercolorlight. Das allerdings, unterstützt nur der Internet Explorer. Deshalb schaute ich bei selfHTML vorbei und versuchte es mithilfe von Rahmentyp und Rahmenfarbe
Hier scheitere ich irgendwie dran..

Im Anhang ist die Tabelle abgebildet, wie sie korrekterweise ausschauen sollte..

<table border="1" bordercolordark="#13058B" bordercolorlight="#466FB9" style="font-size:16px; color:#CDCDCD;">
  <tr>
    <th align="center" style="width:270px; color:white;">American Graffiti</th>
    <th align="right" style="width:40px; color:white;">Preis</th>
    <th align="right" style="width:111px; color:white;">Farbe</th>
     <th align="right" style="color:white;">Verfügbarkeit</th>
      <th style="width:40px; color:white;">Bild</th>
  </tr>
  <tr>
    <td>'49 Mercury</td>
    <td align="right">7€</td>
    <td align="right">Rot</td>
     <td align="right">1</td>
      <td align="center">klick</td>
  </tr>
  <tr>
    <td>'78 Ford Thunderbird</td>
    <td align="right">7€</td>
    <td align="right">Mint</td>
     <td align="right">1</td>
      <td align="center">klick</td>
  </tr>
    <tr>
    <td>'77 Chevy Caprice</td>
    <td align="right">7€</td>
    <td align="right">Rot</td>
     <td align="right">1</td>
      <td align="center">klick</td>
  </tr>
    <tr>
    <td>'77 Chevy Caprice</td>
    <td align="right">7€</td>
    <td align="right">Braun</td>
     <td align="right">0</td>
      <td align="center">klick</td>
  </tr>
    <tr>
    <td>'71 Chevy Impala</td>
    <td align="right">7€</td>
    <td align="right">Gelb</td>
     <td align="right">1</td>
      <td align="center">klick</td>
  </tr>
<tr>
    <td>'71 Chevy Impala</td>
    <td align="right">7€</td>
    <td align="right">Schwarz</td>
     <td align="right">1</td>
      <td align="center">klick</td>
  </tr>
<tr>
    <td>'40 Ford Delivery</td>
    <td align="right">7€</td>
    <td align="right">Blau</td>
     <td align="right">2</td>
      <td align="center">klick</td>
  </tr>
<tr>
    <td>'05 Dodge Magnum</td>
    <td align="right">7€</td>
    <td align="right">Blau</td>
     <td align="right">1</td>
      <td align="center">klick</td>
  </tr>
    </table>

Wäre dankbar für Hilfe,

Gruß
Dejan

 

[Maik]

Hi,

probier's mal anstelle der HTML-Attribute bordercolordark und bordercolorlight mit dem folgenden Stylesheet:

table {
border-style: solid;
border-width: 1px;
border-color: #466FB9 #13058B #13058B #466FB9; /* Rahmenfarbe oben - rechts - unten - links */
}

th, td {
border-style: solid;
border-width: 1px;
border-color: #13058B #466FB9 #466FB9 #13058B; /* Rahmenfarbe oben - rechts - unten - links */
}

 

[UnderMonkey]

Hallo Michael,

danke für deine Hilfe. Scheint zu stimmen, allerdings bekomm ichs nicht hin...wenn ich dieses Stylesheet in den Kopf-Bereich reinsetze, werden alle Tabellen mit den Rahmen versehen. Nun möchte ich aber nur die eine in dieser Weise formatieren.
Und ein Stylesheet über einer Tabelle platzieren funktioniert wohl nicht..

<style type="text/css">
table {
border-style: solid;
border-width: 1px;
border-color: #466FB9 #13058B #13058B #466FB9;
}

th, td {
border-style: solid;
border-width: 1px;
border-color: #13058B #466FB9 #466FB9 #13058B;
}</style>
<table style="font-size:16px; color:#CDCDCD;">
  <tr>
    <th align="center" style="width:270px; color:white;">Shelby Collectibles</th>
    <th align="right" style="width:40px; color:white;">Preis</th>
    <th align="right" style="width:111px; color:white;">Farbe</th>
     <th align="right style=color:white;">Verfügbarkeit</th>
      <th style="width:40px; color:white;">Bild</th>
  </tr>
  <tr>
    <td>Shelby G.T. 500E Eleanor</td>
    <td align="right">8€</td>
    <td align="right">Grau</td>
     <td align="right">6</td>
      <td align="center">klick</td>
  </tr>
    </table>

Ohje...habe erst vorgestern angefangen mit Tabellen zu arbeiten - alles Neuland.

Gruß
Dejan

 

[Maik]

Hi,

du kannst das Stylesheet für die eine Tabelle spezifizieren, indem du mit einer CSS-Klasse arbeitest, hier .rahmen:

table.rahmen {
border-style: solid;
border-width: 1px;
border-color: #466FB9 #13058B #13058B #466FB9; /* Rahmenfarbe oben - rechts - unten - links */
font-size: 16px;
color: #cdcdcd;
}

th.rahmen, td.rahmen {
border-style: solid;
border-width: 1px;
border-color: #13058B #466FB9 #466FB9 #13058B; /* Rahmenfarbe oben - rechts - unten - links */
font-size: 16px;
color: #fff;
}

Der Aufruf erfolgt dann mit dem class-Attribut:

<table class="rahmen">
  <tr>
    <th class="rahmen" align="center" style="width:270px;">Shelby Collectibles</th>
    <th class="rahmen" align="right" style="width:40px;">Preis</th>
    <th class="rahmen" align="right" style="width:111px;">Farbe</th>
     <th class="rahmen" align="right">Verfügbarkeit</th>
      <th class="rahmen" style="width:40px;">Bild</th>
  </tr>
  <tr>
    <td class="rahmen">Shelby G.T. 500E Eleanor</td>
    <td class="rahmen" align="right">8€</td>
    <td class="rahmen" align="right">Grau</td>
     <td class="rahmen" align="right">6</td>
      <td class="rahmen" align="center">klick</td>
  </tr>
</table>

 

[UnderMonkey]

Vielen Dank! Funktioniert einwandfrei.

Gruß Dejan