Text umfließt das Bild nicht

stoffelchen · 13.06.2010 16:31

Hallo, und ich Danke Euch schonmal im Voraus für die Hilfe:

Ich verwende ein kommerzielles Template, bei dem einige Formatierungen schon
voreingestellt sind. Nun habe ich immer das Problem, daß egal wie ich das Image einfüge (ob mit Position links oder rechts), der Text immer darunter erscheint.

Ich habe schon versucht im Quelltext zu wurschteln, aber leider ohne Erfolg.
Wenn noch jemand eine Idee hat, bin ich sehr dankbar.
Anbei füge ich mal den Quelltext:

Code:

<h2 class="text-sub">Von dieser Wohnung aus hat man einen herrlichen Blick auf die Olanger Dolomitenund über das schöne Antholzertal</h2>
<p><img src="images/bergtraum/bergtraum1.jpg" border="0" alt="Appartement Bergtraum - Ausstattung" style="float: right; border: 2px solid black; margin-left: 10px; margin-right: 30px; margin-top: 5px; margin-bottom: 5px;" /></p>
<div class="columns">
<div class="column-left">
<ul class="list-col">
<li> Große Wohnküche (Spülmaschine)</li>
<li>Bad mit Dusche und WC</li>
<li>Sehr großes Schlafzimmer (1 Doppelbett, 1  zusätzliches Einzelbett)</li>
<li>Wohn- und Schlafzimmer mit Schlafsofa und Kachelofen</li>
<li>Eigener großer Balkon Garten, Grillplatz und Parkplatz</li>
</ul>
<p> </p>
</div>
</div>
<h4><strong>Weiterhin</strong></h4>
<p><span style="color: #FFFFFF; font-size: middle;">Bidet,  Dusche ,Badewanne, Handtücher, warmes  Wasser, Waschbecken, WC, Waschmaschine, Babybett,  Backofen, Bettwäsche, Extrabett, Gartenmöbel, Gefrierfach, Geschirrspüler, HiFi-Anlage, Kühlschrank, Radio, TV  Antenne, Sat TV , Kachelofen, Wäscheservice</span><br /> <br /> <img class="alignleft" src="images/bergtraum/bergtraum2.jpg" border="0" alt="Appartement Bergtraum - Ausstattung" style="border: 0;" /></p>

Und hier der Link zum Template, so wies im Moment ausschaut:
http://www.ferienwohnungen-antholz.c....php/bergtraum

**HansZ** · 13.06.2010 17:02

Also bei mir werden, zumindest bei den Menüpunkten Links und Home die Bilder richtig umflossen.
Oder ist dein Problem jetzt ein Einzelfall?

stoffelchen · 13.06.2010 17:49

Ja, siehe oben!

**HansZ** · 13.06.2010 18:20

Es hängt mit den Divs zusammen, die deinen Text einleiten.
Im Template steht auch folgendes:
.column-left { width:40%; float:left;}

Lass mal das <div class="column-left"> weg.

/edi: Doch nicht. Es liegt am <div class="columns">

**Alan** · 13.06.2010 18:26

Wenn nach dem img, so wie bei Dir, ein DIV geöffnet wird, ist klar, dass der Text bzw die Liste nicht neben dem Bild stehen kann. Ein DIV nimmt sich erst mal als Block die komplette Breite der Umgebung.

Nimm für das Bild doch einfach ein eigenes DIV:

Code:

<h2 class="text-sub">Von dieser Wohnung aus hat man einen herrlichen Blick auf die Olanger Dolomitenund über das schöne Antholzertal</h2>
<div class="columns">
<div class="column-left">
 <ul class="list-col">
 <li> Große Wohnküche (Spülmaschine)</li>
 <li>Bad mit Dusche und WC</li>
 <li>Sehr großes Schlafzimmer (1 Doppelbett, 1  zusätzliches Einzelbett)</li>
 <li>Wohn- und Schlafzimmer mit Schlafsofa und Kachelofen</li>
 <li>Eigener großer Balkon Garten, Grillplatz und Parkplatz</li>
 </ul>
</div>
<div class="column-right">
 <img src="images/bergtraum/bergtraum1.jpg" border="0" alt="Appartement Bergtraum - Ausstattung" style="float: right; border: 2px solid black; margin-left: 10px; margin-right: 30px; margin-top: 5px; margin-bottom: 5px;" />
</div>
</div>

dieses column-right dann eine width geben u float:right

hth
Alan

Thema: Text umfließt das Bild nicht

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Text umfließt das Bild nicht

Lesezeichen

Lesezeichen

Berechtigungen