Margin auch neben optionalen Bild setzen...

[Ralf Heumann]

Hab mal ne Frage zum margin:

auf http://web001.janus.local/develop/Adler_Mannheim/index.html haben unter "Top Stories" das Element "Top Stories", die blaue Headline und der Text jeweils ein anderes Margin nach links. Funzt auch. Ich möchte aber ab und zu auch ein Bild dazusetzen:

http://web001.janus.local/develop/Adler_Mannheim/index2.html

wie bekomm ich es hin, dass diese margins auch neben dem Bild eingesetzt werden? Der Text wird ja eingerückt. Aber offensichtlich fließen das <h1> und das <p> usw. hinter dem Bild weiter..

Hat jemand eine Lösung?

Vielen Dank und viele Grüße

Ralf

[wahsaga]

hi,

http://web001.janus.local/develop/Adler_Mannheim/index.html> http://web001.janus.local/develop/Adler_Mannheim/index2.html

Lädst du uns auf 'nen Kaffee ein, wenn wir bei dir vorbeikommen sollen, um die Seiten auf deinem lokalen Server zu betrachten ...?

gruß,
wahsaga

[Ralf Heumann]

Lädst du uns auf 'nen Kaffee ein, wenn wir bei dir vorbeikommen sollen, um die Seiten auf deinem lokalen Server zu betrachten ...?

Natürlich bekommt ihr sogar leckere Amarettinis dazu - auf Kosten der Agentur natürlich ;)

Tut mir leid, hier nochmal die richtigen Links:

Ohne Bild:
http://www.janus-wa.de/layouts/adler/index.html

Mit Bild:
http://www.janus-wa.de/layouts/adler/index2.html

Gruß Ralf

[wahsaga]

hi,

wie bekomm ich es hin, dass diese margins auch neben dem Bild eingesetzt werden? Der Text wird ja eingerückt. Aber offensichtlich fließen das <h1> und das <p> usw. hinter dem Bild weiter..

Ja, ist ja auch so definiert.
Die (Block-)Elemente selber bleiben "hinter" dem gefloateten Element im normalen Fluss, und nur die Inhalte umfließen es.

Da müsstest du also m.E. schon die Bildbreite zu den margins der einzelnen "daneben" stehenden Elemente hinzuaddieren.
Oder du packst diese erst mal in einen weiteren Container mit entsprechendem margin oder padding.

gruß,
wahsaga