Hallo,
Ich habe eine Datentabelle und diese möchte ich ein wenig ausschmücken. Da habe ich mir folgendes Überlegt:
Ich möchte hier den Tabellenkopf mit einem Hintergrundbild ausstatten. Dies mache ich wiefolgt.
Dabei bekomme ich jedoch kein durchgehendes Muster, es wird nach jedem th ein pixel freiraum gelassen. auch, wenn ich margin auf 0 stelle. Selbst wenn ich es auf tr anwende habe ich einen 1px breiten Freiraum im Muster:
edit: es sind sogar 2px. Selbst bei einem Border gehen sie nciht weg.
Ich habe eine Datentabelle und diese möchte ich ein wenig ausschmücken. Da habe ich mir folgendes Überlegt:
HTML:
<table>
<tr class="top">
<th> </th>
<th>Buch</th>
<th>Lektion</th>
</tr>
<tr>
<td>item</td>
<td>item</td>
<td>item</td>
</tr>
</table>
Ich möchte hier den Tabellenkopf mit einem Hintergrundbild ausstatten. Dies mache ich wiefolgt.
Code:
th
{
background-image: url(../img/table.png);
background-repeat: repeat-x;
margin: 0;
padding: 0;
}
Dabei bekomme ich jedoch kein durchgehendes Muster, es wird nach jedem th ein pixel freiraum gelassen. auch, wenn ich margin auf 0 stelle. Selbst wenn ich es auf tr anwende habe ich einen 1px breiten Freiraum im Muster:
edit: es sind sogar 2px. Selbst bei einem Border gehen sie nciht weg.