border-color und CSS

tebox

Hallo, ich habe ein Tabelle in der die Kopfzeile eine andere Formatierung hat, unter anderem eine andere Rahmenfarbe.

Zitat

#tab1 td{
border-top:solid 1px lightgrey;
border-bottom:solid 1px lightgrey;
border-left:solid 1px lightgrey;
border-right:solid 1px lightgrey;
}

#tab1 tr.headline td{
border-top:solid 1px black;
border-bottom:solid 1px black;
border-left:solid 1px black;
border-right:solid 1px black;
}

Alles anzeigen

Die Farbe der zusammenfallenden Rahmen (border-collapse) wird aber dummerweise in den Eckpunkten, an denen die Kopfzeile an die anderen Zellen grenzt in der Farbe der normalen Zellen (lightgrey) und nicht in der Farbe der Kopfzeile dargestellt.

Dat sieht schaise aus!

tebox

ok, ich poste lieber den kompletten code, weil meine Beschreibung evtl. nicht ganz klar ist. den rand habe ich auf augenfreundliche 5px gestellt, so dass mein problem hoffentlich besonders deutlich wird

HTML

<html>
<head>
<title></title>
<style type="text/css">
<!--


#tab1{
border-collapse:collapse;
}


#tab1 td{
border-top:solid 5px lightgrey;
border-bottom:solid 5px lightgrey;
border-left:solid 5px lightgrey;
border-right:solid 5px lightgrey;
}


#tab1 tr.headline td{
border-top:solid 5px black;
border-bottom:solid 5px black;
border-left:solid 5px black;
border-right:solid 5px black;
} 
-->
</style>
</head>
<body>
<table id="tab1" border="1" cellspacing="0" cellpadding="0" width="600">


<tr class="headline">
  <td>Überschrift 1</td>
  <td>Überschrift 2</td>
  <td>Überschrift 3</td>
 </tr>
 <tr>
  <td>Inhalt 1</td>
  <td>Inhalt 2</td>
  <td>Inhalt 3</td>
 </tr>
  <tr>
  <td>Inhalt 1</td>
  <td>Inhalt 2</td>
  <td>Inhalt 3</td>
</tr>
</table>
</body>
</html>

Alles anzeigen

tebox

Ist meine Frage so schwierig oder bin ich einfach zu ungeduldig?

Tags