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

[snowman]

Original geschrieben von waquner
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

Wenn Zelle leer, dann halt mittels PHP ein geschütztes Leerzeichen einfügen.

gruss,
snowman

[snowman]

oder die Zellen einer Zeile in ein <div> einbetten.

gruss,
snowman

[waquner]

& n b s p; ist doch ein geschütztes leerzeichen oder? mit dem gehts wie gesagt nicht wirklich, weil dann die zeile zu hoch ist

[sagi]

... vor jede row zu machen

nein. bitte mache deine style-Angaben in der Row, in der die Daten sind. die Linie bekommt keine eigene <tr></tr>

mfg
c.

[T.dot]

Find den Ziviblog kuhl, les ich öfters mal (war ja auch mal dabei)

Aber zum eigentlich Problem:

Möglichkeiten (einfach mal durchprobieren):
padding vom tr abdrehen dh.

<tr style="padding:0;border:...">

cellpadding und cellspacing runterdrehen
<table cellpadding=0 cellspacing=0>

mit nbsp arbeiten, hierzu einfach die font-size runterknallen:
<td style="font-size:1px;border=1px blabla"></td>

außerdem frag ich mich grad, warum du leere zeilen hast? Außerdem funktionierts ja derzeit eh?

Naja, mehr fällt mir jetzt auch nicht ein, müsste ich durchtesten falls das nix hilft...

mfg Thomas

[snowman]

Original geschrieben von sagi
nein. bitte mache deine style-Angaben in der Row, in der die Daten sind. die Linie bekommt keine eigene <tr></tr>

mfg
c.

Habe ich glatt überlesen. Natürlich ist es Unsinn, ein eigenes <tr> für den Rahmen zu machen.

gruss,
snowman