Einfacher: im Stylesheet verankern!
es geht auch einfacher übrigens, indem du die Bildposition im Stylesheet verankerst! Dann kannst du danach wenn du ein Bild einfügst nur noch zwischen links, rechts und zentriert wählen, ohne jedesmal den ganzen Tag abzutippen...
Also, geht wie folgt:
Füge in der CSS folgendes ein: (v.a. für Kubrik Design!!)
[size=8]
[COLOR=Green]img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
.clear {clear: both;}
[size=10][COLOR=Black]Das clear macht dabei die Absatzkontrolle, sprich schliesst die postmetadaten schön unterhalb des Bildes an wenn möglich, aber das muss dich nicht interessieren :-)
Tja, und jetzt füge normal ein Bild ein und editiere den Quelltext des Bildes im Editor wie folgt. Normalerweise sieht das ja irgendwie so aus, oder:
[size=8]
<img id="imagexy" alt=XY.jpg src="http://deine-domain.de/wp-content/uploads//XY.jpg" />
[size=10]Jetzt füg einfach entsprechend der gewünschten Ausrichtung dies ein: [/SIZE][/SIZE][/COLOR][/SIZE][/COLOR][/SIZE][size=8][COLOR=Green][size=10][COLOR=Black][size=8][size=10]class="alignleft"
Sprich, sieht das ganze danach so aus:[/SIZE]
[/SIZE][/COLOR][/SIZE][/COLOR][/SIZE][size=8][COLOR=Green][size=10][COLOR=Black][size=8]
[COLOR=Black]<img id="imagexy" [/COLOR][/SIZE][/COLOR][/SIZE][/COLOR][/SIZE][size=8][COLOR=Black][size=10][size=8]class="alignleft" [/SIZE][/SIZE][/COLOR][/SIZE][size=8][COLOR=Black][size=10][size=8]alt=XY.jpg src="http://deine-domain.de/wp-content/uploads//XY.jpg" />[/SIZE][/SIZE][/COLOR][/SIZE]
[size=8][COLOR=Green][size=10][COLOR=Black][size=8][size=10]
Find ich persönlich die schönste Lösung! Da brauchst du auch keinen Button und nix, nur ein einziges Mal den oberen Text in die style.css reinkopieren, danach nur noch 5 Sekunden jeweils die "class="alignleft" etc. eintippen...Fertig!
Gruss aus Zürich, Livio[/SIZE][/SIZE][/COLOR][/SIZE][/COLOR][/SIZE][size=8][COLOR=Green]
[/COLOR][/SIZE]
