hr mit wenig "Abstand" ?

[uli]

Hi,

sorry falls die Frage doch irgendwo im Archiv zu finden ist.

Also wie kann ich "Elemente" näher an eine hr Linie rücken, bzw. wie bekomme ich den "authm." Abstand einer hr - Linie geregelt?

Danke im Voraus!

uli

[MudGuard]

Hi,

Also wie kann ich "Elemente" näher an eine hr Linie rücken, bzw. wie bekomme ich den "authm." Abstand einer hr - Linie geregelt?

Genauso wie bei allen anderen Elementen - durch Angabe niedriger Werte für die jeweils beteiligten Innen- und Außenabstände.

Ach ja, der IE ist da besonders widerspenstig. In Browsern funktioniert es aber gut.

cu,
Andreas

[Dennis]

Hi @all!

Ach ja, der IE ist da besonders widerspenstig. In Browsern funktioniert es aber gut.

stimmt, den IE kann man nicht gutes Gewissens als Browser bezeichen, *ROFL*

SCNR, MfG, Dennis.

[Tom]

Hello Andreas,

wenn Du mir das mal vormachen könntest, dann geb ich auch zwei aus!

Ich bastele daran jetzt schon seit Wochen, weil ich <hr ...> als Objekt für clear:both  benötige. Dir horizontale Linie soll aber selber unsichtbar bleiben und auch keine Platz einnehmen. Du kannst sicher sein, dass ich schon divrse Varianten durchprobiert haben. Ich weiß leider auch nicht, welche Alternative es gibt. Vielleicht ein entsprechned "styliertes" DIV?

Liebe Grüße aus http://www.braunschweig.de

Tom

[Dennis]

Hi @all!

Ich weiß leider auch nicht, welche Alternative es gibt. Vielleicht ein entsprechned "styliertes" DIV?

Ich hab noch gar nicht ganz verstanden, was du mit dem hr erreichen willst ?!

MfG, Dennis.

[Tom]

Hello,

Ich hab noch gar nicht ganz verstanden, was du mit dem hr erreichen willst ?!

Was macht man denn üblicherweise mit einem <hr> ?

Liebe Grüße aus http://www.braunschweig.de

Tom

[Dennis]

Hi @all!

Was macht man denn üblicherweise mit einem <hr> ?

ähm, joa, halt so zur optischen Trennung der seite?

MfG, Dennis.

[Tom]

Hello,

Was macht man denn üblicherweise mit einem <hr> ?
ähm, joa, halt so zur optischen Trennung der seite?

...und auch zur logischen Trennung. <hr> stammt noch aus der Steinzeit von HTML und deshalb wird das wohl auch noch nicht so funktionieren, wie Andreas das beschreibt... :-)

Liebe Grüße aus http://www.braunschweig.de

Tom

[Dennis]

Hi @all!

Ich meinte vorhim aber mehr, was du mit dem unsichtbarmachen usw. bezwecken willst.

MfG, Dennis.

[Tom]

Hello,

Ich meinte vorhim aber mehr, was du mit dem unsichtbarmachen usw. bezwecken willst.

Ich lege keinen Wert auf die optische Trennung der bereich, sondern nur auf die logische.

Eine Kette von <div style="float:left;"> wird durch ein <hr style="clear:both;"> logisch unterbrochen. Das ist für ein CMS mit variablem Objektaufbau ungeheuer praktisch, nur leider funktioniert es nicht ohne "Rasenstreifen".

Liebe Grüße aus http://www.braunschweig.de

Tom

[Dennis]

Hi @all!

Eine Kette von <div style="float:left;"> wird durch ein <hr style="clear:both;"> logisch unterbrochen. Das ist für ein CMS mit variablem Objektaufbau ungeheuer praktisch, nur leider funktioniert es nicht ohne "Rasenstreifen".

Ich vermute, du hast als Hintergrund einen Farbverlauf, sonst wärst du wohl selbst darauf
gekommen, dem balken die Hintergrundfarbe zu geben.

Ich habe mal irgendwo gelesen, dann man für den Streifen auch eine Grafik nehmen kann.
Dann einfach eine transparente Grafik nehmen und fertig.

Oder das einfachste und schnellste: Du gibst hr per CSS eine Höhe und Breite von 0 oder 1,
dann sind die hr's 1x1 px groß. Da noch ne nicht auffallende Farbe und fertig.

Reicht das?
MfG, Dennis.

[Tom]

Hello,

Ich vermute, du hast als Hintergrund einen Farbverlauf, sonst wärst du wohl selbst darauf
gekommen, dem balken die Hintergrundfarbe zu geben.

Das kann schon sein. Die Hintergrundfarbe kenne ich jedenfalls nicht, oder es liegt z.B. ein Bild im Hintergrund. Das steuert der User, der seine Seite im CMS aufbaut.

Oder das einfachste und schnellste: Du gibst hr per CSS eine Höhe und Breite von 0 oder 1,
dann sind die hr's 1x1 px groß. Da noch ne nicht auffallende Farbe und fertig.

Die Höhe wird einfach nicht akzeptiert und die Breite macht in den mesiten Browsern die Funktion kaputt. Die Linie wird dann trotz clear:both noch neben dem letzen float-Element angezeigt und dann gibt es in der "Zeile" darunter einen Sprung.

Browser sind eben Kinderkakke.

Liebe Grüße aus http://www.braunschweig.de

Tom

[Dennis]

Hi @all!

Das kann schon sein. Die Hintergrundfarbe kenne ich jedenfalls nicht,

hä? wirst doch wohl wissen, welche Hintergrundfarbe deine Seite hat, oder?

oder es liegt z.B. ein Bild im Hintergrund.

Stichwort Transparez?

Die Höhe wird einfach nicht akzeptiert

bei mir schon, und zwar in Opera, Mozilla und IE

und die Breite macht in den mesiten Browsern die Funktion kaputt.

ebenfalls in Opera, Mozilla und IE nicht!

Die Linie wird dann trotz clear:both noch neben dem letzen float-Element angezeigt und dann gibt es in der "Zeile" darunter einen Sprung.

Wieder: in den drei Browser, kommt es unter das letzte float:left element.

Browser sind eben Kinderkakke.

Ich will ja keinen bestimmten Browser nennen... ;-)

MfG, Dennis.

[Tom]

Hello,

hä? wirst doch wohl wissen, welche Hintergrundfarbe deine Seite hat, oder?

Nein, es sind ja nicht meine Seiten, sondern die der berechtigten User.

oder es liegt z.B. ein Bild im Hintergrund.
Stichwort Transparez?

Geht nicht. Eine Haarlinie blieb immer (IE5.5)

Schick doch mal so ein funktionstüchtiges Beispiel, wenn Du es sowieso schon fertig hast. Aber bitte ohne Virus ;-)

Liebe Grüße aus http://www.braunschweig.de

Tom

[Dennis]

Hi @all!

Schick doch mal so ein funktionstüchtiges Beispiel, wenn Du es sowieso schon fertig hast. Aber bitte ohne Virus ;-)

Hab ich gemacht, an [e-mail] - es klappt im IE, im Mozilla und Opera. Bei den ersten beiden ist jeweils in kleiner Pixel noch zu sehen, bei letzterem gar nichts mehr.

Viel Spaß.

MfG, Dennis.

[Dennis]

Hi @all!

Hab ich gemacht, an [e-mail]

Sag mal, ist dieser Thread für dich schon aus aller Welt, oder warum antwortest du nicht mehr?
Ist die E-Mail angekommen? Klappts?

MfG, Dennis.

[Tom]

Hello,

es klappt nicht, und das hatte ich auch, ebenfalls mit einem Muster, beantwortet.

Liebe Grüße aus http://www.braunschweig.de

Tom

[Dennis]

Hi @all!

es klappt nicht, und das hatte ich auch, ebenfalls mit einem Muster, beantwortet.

Stimmt, ich habs grad gesehen.

Hm, also ich hab mal wieder ausprobiert: Das mit dem Abstand _unter_ dem <hr>, kann man verändern, indem man dem darauffolgenden Element margin-top:0px zuweist. Den Abstand dadrüber hab ich aber noch nicht verringert gekriegt.

MfG, Dennis.

[Tom]

Hello,

Hm, also ich hab mal wieder ausprobiert: Das mit dem Abstand _unter_ dem <hr>, kann man verändern, indem man dem darauffolgenden Element margin-top:0px zuweist. Den Abstand dadrüber hab ich aber noch nicht verringert gekriegt.

Verändern ja, aber nicht beseitigen. ca. 3px bleiben immer.

Liebe Grüße aus http://www.braunschweig.de

Tom

[Dennis]

Hi @all!

Verändern ja, aber nicht beseitigen. ca. 3px bleiben immer.

Jups, genau das meinte ich, und darüber IMHO sogar noch mehr.

MfG, Dennis.

[MudGuard]

Hi,

Hello Andreas,

wenn Du mir das mal vormachen könntest, dann geb ich auch zwei aus!

Ich bastele daran jetzt schon seit Wochen, weil ich <hr ...> als Objekt für clear:both  benötige. Dir horizontale Linie soll aber selber unsichtbar bleiben und auch keine Platz einnehmen. Du kannst sicher sein, dass ich schon divrse Varianten durchprobiert haben. Ich weiß leider auch nicht, welche Alternative es gibt. Vielleicht ein entsprechned "styliertes" DIV?

Wie bereits gesagt, die beteiligten margin und padding auf 0 setzen (die bottom-Margin/border/padding des vorherigen Elements, die Top-Margin/border/padding des folgenden Elements, sowie top- und bottom-Teile für das hr. Ggf. noch die height + line-height und font-size des hr auf 0 sezten.

Oder gleich nur ein br benutzen...

cu,
Andreas