Bild steht nicht neben dem Text

Selber Beitrag, aber diesmal mit richtigem Titel:
Das Bild steht eben nicht neben dem Text

Hallo!

Wie kann das Bild dazu kriegen, dass es neben dem Text steht?

Dies ist meine Homepage: http://www.spin-bremen.de/
Bereits auf der ersten Seite ist der Text nie neben dem Bild.

Wundersamer Weise hat es allerdings auf einer anderen Seite geklappt und ich weiß nicht wieso. Auch kopieren der HTML Sätze hat nicht geholfen. Dafür weiß ich auch zuwenig über die Sprache.

Der Stylesheet dazu sieht so aus: Code:
}

.entry img.left {
padding: 6px;
margin: 0.5em 15px 0.5em 0;
border: 1px solid #ccc;
background: #eee;
float: left;
clear: left;
}

.entry img.right {
padding: 6px;
margin: 0.5em 0 0.5em 15px;
border: 1px solid #ccc;
background: #eee;
float: right;
clear: right;
}

.entry img.center {
display: block;
padding: 8px;
margin: 0 auto 1.5em auto;
border: 1px solid #ccc;
background: #eee;
float: none;
clear: both;
}

.entry img.stack {
clear: none !important;
}

#wrapper{
margin: 10px auto 10px auto;
width: 900px;
text-align: left;
overflow: hidden;
border: 6px solid #9C0;
background: #FFF;
}

Um Rückmeldung wäre ich dankbar, Simone

Stylesheet

Hallo,

ja, das habe ich in den anderen Beiträgen auch gelesen. Deswegen habe ich den Stylesheet mit aufgezeigt, da doch "float" drinsteht, oder? Ist das nicht dasselbe? Außerdem habe ich folgenden Vorschlag aus einem anderem Beitrag versucht zu übernehmen, aber das hat nicht geklappt.

Zitat

.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
.aligncentered, .aligncenter {
text-align:center;
margin:0 auto;
}

Alles anzeigen

Andere Ideen?

Gruß, Simone

Sorry für Doppelpost!

Ich werde meine Beiträge vor Veröffentlichung zukünftig gründlicher lesen.

Zum Stylesheet. Den hab ich verändert, aber der Text geht immer noch nicht neben das Bild.

Aktueller Stylesheet:

}


img.alignleft { 
    padding: 6px; 
    margin: 0.5em 15px 0.5em 0; 
    border: 1px solid #ccc;
    background: #eee;
    float: left;     
    clear: left; 
}
        
img.alignright { 
    padding: 6px; 
    margin: 0.5em 0 0.5em 15px; 
    border: 1px solid #ccc;
    background: #eee;
    float: right; 
    clear: right; 
}
        
img.aligncenter { 
    display: block; 
    padding: 8px; 
    margin: 0 auto 1.5em auto; 
    border: 1px solid #ccc;
    background: #eee;
    float: none; 
    clear: both; 
}






        
.entry img.stack { 
    clear: none !important; 
}

Was hab ich noch nicht berücksichtigt?

Ergänzung

In der visuellen Ansicht sieht es auch so aus wie ich es gerne hätte, erst bei der Umsetzung (Vorschau, Aktualisierung) happerts.

HTML-Version des Bildes:

</span></h2>
[caption id="attachment_161" align="alignright" 
width="96" caption="Das Bilderbuch zum VHT"]
<a href="http://www.spin-bremen.de/?page_id=38">
<img class="size-full wp-image-161" 
title="fraulinse" src="http://www.spin-bremen.de/wordpress/wp-content/uploads/2007/05/fraulinse-spiegelverkehrt5.jpg" 
alt="Das Bilderbuch zum VHT" width="96" height="225" />
</a>[/caption]

Liegt hier vielleicht das Problem?

Zwei verschiedene Seiten

Danke für die Antwort, aber das angehängte Bild stammt von der Seite, die ja erstaunlicherweise passt. Nicht funktionieren tut die Startseite mit dem spiegelverkehrtem Bild.

Funktionierende Seite

Nichtfunktionierende Seite

Hilfetipps hätte ich natürlich gern zur Startseite (nichtfunktionierende Seite), weil ich es da genauso haben will wie auf der Seite unter Links und Literatur/Bilderbuch zum VHT (funktionierende Seite)

Ideen dazu?

P.S.:Den Cache hab ich geleert, aber das hat bislang noch nichts geändert.

Ich bin begeistert!

Vielen Dank, das war die rettende Lösung!