Problem mit der Ausrichtung von Bildern

[Teela]

Hallo zusammen!

Ich hab mal wieder ein kleines Problem ^^'
(Tut mir Leid, dass ich hier ständig was poste,
aber ich lerne all das gerade erst...)

Ich nöchte eine Fanart-Gallerie erstellen,
jedoch rutscht das nächte Bild immer in die Beschreibung
des vorherigen rein.



Hier der HTML-Code:

[img]../images/fanarts/teela/mitsuki_klein.gif[/img]<p class="navhead3">Mitsuki</p>
<ul>
[*]Zeichner: [b]Teela[/b]
[*]Serie: [b]Fullmoon[/b]
[/list]
[img]../images/fanarts/lisa/joshua_klein.gif[/img]<p class="navhead3">Are you hurt, Joshua-sama?</p>
<ul>
[*]Zeichner: [b]Lisa[/b]
[*]Serie: [b]Chrno Crusade[/b]
[/list]

Und hier der CSS-Code:

img.fanart {
float: left;
margin-left: 25px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 20px
}

Wie lautet die Einstellung, mit der ich bestimmen kann,
dass das Bild rechts neben der Beschreibung erscheinen soll?

Hoffe, ihr könnt mir helfen

Teela

 

[hobbyuser]

Hi teela

mach zwischen dem "[/list]" und "<img>" einfach eine Div die das "float:left;" aufhebt.

[/list]
<div style="clear:left;"><div>
<img ...

Gruß
Hobbyuser

 

[Teela]

Ok, hab ich mal versucht, aber das Resultat war,
dass das Bild in die hächste Zeile gerutscht ist.



Es soll aber rechts daneben sein ^^

 

[hobbyuser]

Oh sorry, das mit dem rechts daneben hatte ich total überlesen.

Also dann musst du den gesamten Block in eine Div packen bei der du die Breite begrenzt und der du auch den Style float:left gibst. Danach sollte der zweite Block daneben erscheinen vorausgesetzt er ist nicht zu breit. :lol:

<div style="float:left; width:XXXpx;">[img]../images/fanarts/teela/mitsuki_klein.gif[/img]<p class="navhead3">Mitsuki</p> 
<ul> 
[*]Zeichner: [b]Teela[/b] 
[*]Serie: [b]Fullmoon[/b] 
[/list] 
</div>
<div style="width:XXXpx;">
[img]../images/fanarts/lisa/joshua_klein.gif[/img]<p class="navhead3">Are you hurt, Joshua-sama?</p> 
<ul> 
[*]Zeichner: [b]Lisa[/b] 
[*]Serie: [b]Chrno Crusade[/b] 
[/list]
</div>

Die X bei der Breite (width) sollten durch eine Zahl ersetzt werden, die nicht größer ist als als die Hälfte des umschließenden Elements. ;)

Gruß
Hobbyuser