Tabelle formatieren mit Rand, aber nur oben und unten

led12 · 29.01.2006, 11:03

Ich möchte eine Tabelle wie in der Grafik gezeigt formatieren.
In Dreamweaver bekomme ich das irgendwie nicht hin, bzw ich weiß nicht
wie das geht. Dort könnte ich mir dann den Code abgucken um ihn dann
in mein PHP Script zu integrieren. Das soll dann eine HTML Email versenden.

Wie könnte der richtige Code lauten:

<table width="500" border="0">
<tr>
<td width="30" height="12"><span class="Stil13">Pos</span></td>
<td width="320"><span class="Stil13">Bezeichnung</span></td>
<td width="40"><span class="Stil13">Anzahl</span></td>
<td width="50"><div align="center"><span class="Stil13">zu je</span></div></td>
<td width="60"><div align="right"><span class="Stil13">Gesamt</span></div></td>
</tr>
</table>

Das ist jetzt natürlich nur die Tabelle ohne jegliche Fromatierung, der
richtige Code sollte ergänzt werden?

http://de.pg.photos.yahoo.com/ph/fra...8d.jpg&.src=ph
http://de.pg.photos.yahoo.com/ph/fra...8d.jpg&.src=ph

Wenn es Probleme mit meinem Beispielbild gibt, bitte bescheidsagen.

Nightline · 29.01.2006, 13:36

Das macht man mit CSS, z.B. so:

PHP-Code:


			
<html>
<head>
<title>Test</title>
<style type="text/css">
.tabelle {
border-collapse: collapse;
}
.tabelle td {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
</style>
</head>
<body>
<table width="500px" class="tabelle">
<tr>
<td width="30px" height="12px"><span class="Stil13">Pos</span></td>
<td width="320px"><span class="Stil13">Bezeichnung</span></td>
<td width="40px"><span class="Stil13">Anzahl</span></td>
<td width="50px"><div align="center"><span class="Stil13">zu je</span></div></td>
<td width="60px"><div align="right"><span class="Stil13">Gesamt</span></div></td>
</tr>
</table>
</body>
</html>

led12 · 29.01.2006, 17:37

Ein Traum... es funktioniert. Danke.
Eine kurze Frage noch:

Wie beeinflusse ich die Farbe der Umrahmung?

.tabelle td {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

Dieses gray sol z.B. die Farbe "#EFEFEF" sein..
viele Grüße

rewboss · 29.01.2006, 19:04

Zitat:

Zitat von led12

Ein Traum... es funktioniert. Danke.
Eine kurze Frage noch:

Wie beeinflusse ich die Farbe der Umrahmung?

.tabelle td {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

Dieses gray sol z.B. die Farbe "#EFEFEF" sein..
viele Grüße

Ähm... hast du versucht, gray mit #EFEFEF zu ersetzen?

Nightline · 30.01.2006, 14:11

Zitat:

Zitat von rewboss

Ähm... hast du versucht, gray mit #EFEFEF zu ersetzen?

Das entlockt mir doch tatsächlich ein Schmunzeln.

Aber schön, dass es funktioniert.