Seite 1 von 2

[HTML] CSS-Rahmen-Eigenschaften

Verfasst: Di 29.03.05 13:44
von vulkanus
Morgän :)

Hätte da mal ne Frage zu den Rahmenabständen und der Textformatierung... Am Besten lässt sichs natürlich immer visuell darstellen, daher hier gleich mal zwei Links:
http://new.vulkanus.at/download/test1.htm
http://new.vulkanus.at/download/test2.htm

Was sicherlich gleich mal jedem ins Auge springt sind die Höhenunterschiede. Während in Test 1 massig Platz zwischen Rahmen und Text verschwendet wird ist dies in Test 2 gelöst. Das wurde insofern gelöst als dass das p-Tag vor der Tabelle beginnt und nach der Tabelle endet. Diesen zugegeben schlampigen Code akzeptieren Opera (8 Beta 3) und Internet Explorer (6, SP 1), Firefox 1.0.2 jedoch nicht.

Daher die Frage wie ich es so hinbiegen kann dass auch Firefox keinen unnötigen Abstand zwischen Rahmen und Text einfügt aber dennoch die Textformatierung nicht verloren geht.

Eine weitere Frage hätte ich dann auch noch: Wie schaffe ich es mit CSS auch die Innenrahmen zu definieren? Auf SelfHTML.org hab ich nix passendes gefunden oder drübergelesen...

Würde mich über den einen oder anderen scharfen Tipp freuen :)

mfg andy

Verfasst: Di 29.03.05 13:52
von Timon
Hallo,

was soll nicht gehen? Firefox zeigt die zweite Seite korrekt an. Schriftart scheint nicht ganz zu stimmen, aber das ist sicher was Kleineres.

Gruss
Frank

Verfasst: Di 29.03.05 14:01
von vulkanus
Eben, um die Kleinigkeit der Schriftart gehts mir ja *g*

Verfasst: Di 29.03.05 14:08
von Timon
> vulkanus schrieb:
>
> Eben, um die Kleinigkeit der Schriftart gehts mir ja *g*

Ok, dann war dein Ausflug zu den Abständen zu weit, der Rest ging dann unter ;)

Gruss
Frank

Verfasst: Di 29.03.05 14:14
von Timon
So, entweder du machst im CSS hinter dem p noch ein td oder du packst die Schriftangabe und -grösse mit in den body-Part. Tabellen haben bei CSS einen eigenen Willen ;)

Gruss
Frank

Verfasst: Di 29.03.05 14:32
von vulkanus
Aaah :)
Danke, musste ich zwar noch umdrehen (td.p bzw. table.p und per class=p im Tag aufrufen) aber es klappt jetz mit allen drei Browsern :)

Verfasst: Di 29.03.05 14:33
von Timon
> vulkanus schrieb:
>
> Aaah :)
> Danke, musste ich zwar noch umdrehen (td.p bzw. table.p und per class=p im Tag aufrufen) aber es klappt jetz mit allen drei Browsern :)

Ein "p, td" hätte es auch getan ;)

Gruss
Frank

Verfasst: Di 29.03.05 14:55
von vulkanus
Auch gut *g*
Ich habs damals mitm Punkt gelernt :)

Hast zu der zweiten Frage im ersten Posting bzgl. der Innenrahmen auch ne Idee? *lieb guck* *gg*

innenrahmen?

Verfasst: Di 29.03.05 15:09
von s16z
> vulkanus schrieb:
>
> Auch gut *g*
> Ich habs damals mitm Punkt gelernt :)
>
> Hast zu der zweiten Frage im ersten Posting bzgl. der Innenrahmen auch ne Idee? *lieb guck* *gg*


wenn du mir erklärst was genau du meinst mit innenrahmen kann ich dir evtl. helfen. oder sag mir lieber was du tun möchtest / wie es aussehen sollte. meines wissens gibts in html keine eigentliche innen und aussen rahmen.

gruss
cyrill

edit:
ah, hast du einen abstand vom text zum rahmen hin? dann stell mal das cellpadding auf null "cellpadding=0". dann hast den text direkt am nahmen. cellpadding regelt den abstand vom tabellen / zellenrahmen bis zum eigentlichen anfang des textes / bildes / usw..

bildlich gesprochen:

cellpadding=0:
|TEXT|

cellpadding=5:
| TEXT |

Verfasst: Di 29.03.05 15:28
von vulkanus
Nenene... Da meine ich was anderes :)
In der Test 1 sind 4 Zellen. Außen rum sind die Rahmen, innen das Kreuz aber ned. Genau das wäre gemeint :)

Wenn ich die border-color für die Tabelle festlege hab ich die Rahmen nur außen. Lege ich sie für jedes td-Tag fest kann ich sie pro Zelle festlegen. Ziel wäre aber alle Rahmen anzuzeigen, möglichst nur mit einer einzigen Angabe, also beispielsweise beim table-Tag. Hoffe jetzt ists klarer :)