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
Seite 1 von 1
Positionieren Eines Textes Neben Einer Grafik
Anzeige
#2
geschrieben 25. Februar 2008 - 13:15
Beim Bild einfach ein "float:left" einfügen.
#3
geschrieben 25. Februar 2008 - 13:24
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
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
#4
geschrieben 25. Februar 2008 - 14:09
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>
#5
geschrieben 12. März 2008 - 13:42
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:
Mehr infos dazu:
http://de.selfhtml.o...richten.htm#css
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
#6
geschrieben 12. März 2008 - 18:16
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.
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" />
Thema verteilen:
Seite 1 von 1