XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Img und float:right (http://xhtmlforum.de/showthread.php?t=54839)

Nagut 04.12.2008 18:07

Img und float:right
 
Hallo Leutz :>

Hab ein Problem. Ich hab da so ein Text. Und zwei Bilder. Alles in einer div-box mit width:450px. So und ein Bild ist nach links ausgerichtet und eins soll am Ende vom Text ganz links sein.

HTML-Code:

<div class="content">
<div class="erstespalte">
<img src="re.png" alt="Unternehmen" class="showpic">
Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe,
was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn.
Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiss,
dass ich nie die Chance haben werde, im Stern zu erscheinen. Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text.
Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft, was den meisten normalen Texten nicht gelingt.
Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen.
Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde, im Stern zu erscheinen. Aber bin ich darum weniger wichtig?
Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe
ich etwas geschafft, was den meisten normalen Texten nicht gelingt. <br/><br/>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder
Text zu sein: Man macht keinen Sinn.
Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text?
Ich weiss, dass ich nie die Chance haben werde, im Stern zu erscheinen. <img src="re2.png" alt="Taschenrechner" class="showpic_right">Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen,
dann habe ich etwas geschafft, was den meisten normalen Texten nicht gelingt. Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein:
Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht
</div>
</div>

Und jetzt die Klassen

Code:

.erstespalte {float:left;width:450px;}
.content {float:left;padding-left:25px;padding-top:15px;}
.showpic_right {border:1px solid black;float:left;margin-left:4px;margin-top:2px;}
.showpic {border:1px solid black;float:left;margin-right:4px;margin-bottom:2px;}

Wäre nett wenn ihr eine Lösung hättet ^^

emti 04.12.2008 18:25

Schau mal bitte hier:
Cascading Style Sheets { Tutorials : CSS-Layouts basiert auf Floatierung }
oder
Ausrichtung und Elementfluss ? Einführung in XHTML, CSS und Webdesign
oder
float: Beispiele | Webdesign mit XHTML und CSS

Nagut 04.12.2008 19:29

Nach laaaaaangem Umcoden des zweispaltigen Layouts was ich hab, ging es dann. Merkwürdig ... aber mir ist jetzt einiges klarer geworden, danke :)


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:31 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023