[Puschelbaer]

Hallo zusammen!
Ich hoffe, Ihr könnt mir mit einem kleinen Problem weiterhelfen.

Ich habe in einem Bereich eine Grafik und rechts daneben einen Text stehen.
Der Text befindet sich allerdings am unteren Ende der Grafik.
Wie kann ich das per CSS definieren, so dass links die Grafik steht und rechts oberhalb der Text?

THX und Gruss

[Witi]

Beim Bild einfach ein "float:left" einfügen.

[Puschelbaer]

Wäre schön wenn das so einfach währe.
Leider ist das nicht so, das Bild sowie der Text wird in einer PHP Datei angesprochen und ausgegeben. Dem ganzen ist eine CSS Klasse hinterlegt.
Wenn ich dieser float:left; gebe, ändert sich das Bild sowie der Text

[Witi]

Du sollst auch nicht den ganzen Container, sondern _nur_ das Bild floaten. Hier ein Bsp. mit inner Styles

<div class="...">
<img src="..." alt="..." style="float:left"/>
<p>Das ist mein Text, der jetzt rechts neben dem Bild steht.</p>
</div>

[Xenon]

So wie ich verstanden hab steht der Text ohnehin schon rechts, er soll nur am grafikrand entsprechend ausgerichtet werden, oder?

Also würde ich statt float hier vertical-align nehmen...

ich klau hier mal witis beispielcode:

<div class="...">
<img src="..." alt="..." style="vertical-align:text-top"/>
Text an der Oberkante der Grafik :-)
</div>

Mehr infos dazu:
http://de.selfhtml.o...richten.htm#css

Dieser Beitrag wurde von Xenon bearbeitet: 12. März 2008 - 13:44

[asko]

Hallo Puschelbaer,

Du kannst für Grafiken auch auf CSS verzichten und dem IMG-Tag einfach ein align="left" oder align="right" geben um die Grafik vom Text umfliessen zu lassen.

<img src="bild.jpg" alt="..." title="..." align="right" />