nicht angemeldet
Absatzhöhe an Bild anpassen???
Gernot Back
Gunnar BittersmannHallo
Ich möchte mehrere Absätze <p> mal mit und mal ohne Bild untereinander stellen. Das Bild soll wenn, dann immer auf der linken Seite sitzen und der Text rechts davon.Das Bild hat die CSS Eigenschaft float:left.
Leider orientiert sich die Absatzhöhe aber ausschließlich am enthaltenen Text und nicht am Bild. Das Bild ragt einfach in den nächsten Absatz hinein.
Besteht die Möglichkeit, dass sich die Absatzhöhe automatisch an der Bildhöhe orientiert - ähnlich wie bei Tabellenzellen - nur dass ich keine Tabelle zum Layouten verwenden möchte?
Danke
Viele Grüsse
Lore
QuellText +++++++++++++++
<p class="paragraph">
<a href="\bilder\yellow-_g.jpg" target="_blank"><img src="\bilder\yellow-_k.jpg" alt="" /></a>
1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum convallis, risus vel sodales fermentum, purus nisi consectetuer sem, fringilla viverra purus dui vel pede. Maecenas nisl dui, semper eget, feugiat at, varius eget, justo.
</p>
-
Hallo Lore.
Besteht die Möglichkeit, dass sich die Absatzhöhe automatisch an der Bildhöhe orientiert
Verpasse dem Absatz einen von „static“ abweichenden Wert für die overflow-Eigenschaft; „auto“ bietet sich oft an.
Einen schönen Samstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
Hallo Ashura,
Verpasse dem Absatz einen von „static“ abweichenden Wert für die overflow-Eigenschaft;
Bestimmt meinst du einen von „visible“ abweichenden Wert für die overflow-Eigenschaft.
;-)
Gruß Gernot
-
Hallo Gernot.
Verpasse dem Absatz einen von „static“ abweichenden Wert für die overflow-Eigenschaft;
Bestimmt meinst du einen von „visible“ abweichenden Wert für die overflow-Eigenschaft.
;-)
Ja, meinte ich in der Tat; danke für die Korrektur.
Einen schönen Samstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]
-
-
-
Hallo Lore,
Das Bild hat die CSS Eigenschaft float:left.
Das Bild ragt einfach in den nächsten Absatz hinein.
Besteht die Möglichkeit, dass sich die Absatzhöhe automatisch an der Bildhöhe orientiert - ähnlich wie bei Tabellenzellen - nur dass ich keine Tabelle zum Layouten verwenden möchte?Klar doch, lass auch den Absatz, in dem sich das Bild befindet, floaten oder verpass ihm overflow:hidden in Verbindung mit einer Breitenangabe (von z.B. 100%, vorausgesetzt auch das Elternelement dieses Absatzes hat eine bestimmte Breite).
Dem nächsten Absatz, in den das Bild nicht hineinragen soll, gibst du dann sicherheitshalber noch ein clear:left. Möglicherweise reicht letzteres auch das bereits alleine.
Gruß Gernot
-
Hi,
Ich möchte mehrere Absätze <p> mal mit und mal ohne Bild untereinander stellen. Das Bild soll wenn, dann immer auf der linken Seite sitzen und der Text rechts davon.Das Bild hat die CSS Eigenschaft float:left.
Spricht etwas gegen p{clear:left}?
<p class="paragraph">
wozu diese Klasse, die doch nichts anderes aussagt als das Element selbst?
freundliche Grüße
Ingo -
Hello out there!
Leider orientiert sich die Absatzhöhe aber ausschließlich am enthaltenen Text und nicht am Bild. Das Bild ragt einfach in den nächsten Absatz hinein.
Dann gib dem Absatz doch eine Mindesthöhe von Bildhöhe + epsilon.
Für IEs verwendest du height, das diese wie min-height umsetzen. (star html hack oder conditional comments)
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)