Der folgende Beitrag wurde am 24. 05. 2008, 19:10 Uhr von botl1k3 veröffentlicht.
Hallo,
ich möche ein Bild floaten lassen, neben dem dann ein Text stehen soll, erstmal nur eine Überschrift mit einem h3-Element.
Das h3-Element ist in meinem Stylesheet mit margin: 15px 0px 0px 5px definiert, über dem ersten Bild ist jedoch schon ein p-Element mit margin: 10px 0px weswegen das margin des h3-Elements nicht den gewollten Abstand von der horizontalen Linie des images hat.
Wenn ich ein div herum mach bringt das genausowenig, wenn das div einen border hat funktioniert es allerdings..
Ich verstehe ja warum, mir fällt aber nicht ein wie ich das eleganz lösen könnte ;)
Hier mal ein Beispielcode: <p style="margin: 10px 0">test</p>
<img style="float: left" src="bild.jpg" alt="Bild">
<h3 style="margin: 15px 0 0 5px">Hier steht was schönes</h3>
<br style="clear: both">
Gruß
Der folgende Beitrag wurde am 24. 05. 2008, 19:44 Uhr von schwarze Piste veröffentlicht.
Tachchen!
Wenn ich dich richtig verstehe, möchtest du mehr über collapsing margins wissen.
Gruß
Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
unbezahlbare Fotografie
Der folgende Beitrag wurde am 24. 05. 2008, 19:51 Uhr von botl1k3 veröffentlicht.
Hi,
jo das trifft es schon, nur kann ich daraus nicht lesen wie ich das Problem lösen kann :( ?
Gruß
Der folgende Beitrag wurde am 24. 05. 2008, 21:42 Uhr von botl1k3 veröffentlicht.
Noch eine Frage dazu:
sollte man deswegen nur eine Art von margin verweden? Also bei den ganzen h1..h4 und p-Elementen entweder nur margin-top oder nur margin-bottom?
Ist das sinnvoll?
Wie macht Ihr das?
Gruß
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4