Bilder im Text

Wurde heute schon erklärt. Siehe hier:

http://forum.wordpress-deutschland.org/beitrag319.php&highlight=

Wrapping Text Around Images

Oder du liest die Dokumentation:

Wrapping Text Around Images

Using Images

gib einfach margin-werte für das Bild an. Entweder direkt im Text oder in der style.css

Es gibt zwei Möglichkeiten:

Die erste wäre unter diesem Link http://netmirror.org/mirror/selfhtm…htm#textumfluss zu finden

und die zweite ist (so mache ich das immer)

<img src="#" style="float:left;margin-right:5px">

Zitat von SueTown

Es gibt zwei Möglichkeiten:

Die erste wäre unter diesem Link http://netmirror.org/mirror/selfhtm…htm#textumfluss zu finden

und die zweite ist (so mache ich das immer)

<img src="#" style="float:left;margin-right:5px">

gibt es keine ander möglichkeit. ich würde es gerne das er es automatisch macht...??

du kannst es dem IMG-tag in der style.css zuweisen.

Ich habe dafür extra zwei Klasse angelegt im css, weil ich mal rechts und mal links floaten will.

und wie mache ich die 2 klassen oder sagt mir besser wie du es gemacht hast...

Ich mache das so:

.bildlinks {
float: left;
margin: 5px;
}

.bildrechts {
float: right;
margin: 5px;
}

Und in meinem Beitrag schreibe ich dann z.B.:

<img class="bildlinks" src="..... " /> bla bla blubb...

Zeilenabstand beträgt nur 1

Ab sofort füge ich Bilder jeweils mit einer Bildunterschrift ein. Das Bild befindet sich auf der linken Seite und wird rechts vom Text umflossen.

Mein Problem besteht bei diesem Beitrag: Der Zeilenabstand beträgt teilweise nur 1. Der Zeilenabstand sollte normalerweise 1,5 (oder 2?) sein. Wo muss etwas verändert werden, damit der Zeilenabstand etwas größer ausfällt? Vermutung: Es liegt am »<div [...] </div>«.

Die Datei »wp-content/themes/ocadia/style.css« habe ich um den folgenden Code ergänzt:

.caption {  
   float: left;  
   margin-left: 1px; 
   margin-right: 5px;
   margin-top: 4px; 
   margin-bottom: 0px; 
   background: #FFFFFF; 
   font-size:82%; 
}

Im Beitrag befindet sinngemäß sich dieser Code:

<div class="caption">
<img src="/bilder/240.jpg" style="padding: 2px; border: solid 1px #666666; background: #FFFFFF; " alt=""/>
Text mit Hyperlink, der das Bild beschreibt.</div>