HTML/CSS - Problem

[waquner]

Hoi!

Ich hoffe ihr könnt mir helfen, denn das ganze quält mich schon ziemlich lange...

Ich möchte das eine Tabellen-Row so aussieht:


Zuerst hatte ich versucht ein

PHP-Code:

<tr style="border-top:1px dotted #cccccc;"></tr> 


vor jede row zu machen, anscheinend funktionieren rahmen aber nur bei zeilen mit inhalt

zweite idee... jedes <td> in der row mit einem rahmen zu versehen, dabei beginnen die punkte jedoch jedes mal neu bei jeder zelle, was an den kanten etwas dumm aussieh

dritte ideee...

PHP-Code:

<tr><td colspan=6 style="font-size:0px;padding:0;height:1px;border-top:1px dotted #cccccc;"></td> 


leider ist die zeile aber nicht nur 1 Pixel hoch sondern ca. 6...schaut also nicht so gut aus...

vierte idee...

PHP-Code:

<tr><td colspan=6 style="padding:0;border-top:1px dotted #cccccc;"><img src="images/1px.gif height=0 width=0></td> 


(1px.gif is ein 1x1 großes, transparentes GIF) das funktionierte in Opera super, in Mozilla zeigt er jedoch den Rahmen nicht an....

derzeit lauft das ganze etwas umständlich und dumm mit einem hintergrundbild mit den pixeln...

PHP-Code:

<tr height=1 background="images/dotted.gif"><td colspan=6 style="padding:0;"></td></tr> 


das funktioniert, kann doch wohl keine endlösung sein oder? hat wer eine lösung für mich?

danke schon mal im vorraus

mfg Stefan