Macs, Gadgets und das digitale Leben

Sehr schön. Gefällt mir als Macianer auch thematisch sehr gut :-)

Abgesehen von der Tatsache, daß das Optische noch zu stark an Kubrick erinnert (z.B. Kategorie | Keine Kommentare ) und der Text bei floatenden Bildern direkt "press" am Bild liegt (z.B. BenQ S88), ist der Blog schon sehr nett. =)

Edit: Ach so, die "Eingangsumleitung" empfinde ich eher als störend.

Du müßtest die Bilder die links oder rechts floaten sollen, mit einer eigenen Klasse versehen und diese von Hand in den Quelltext eintragen.

Also z.B.

<img class="floatleft" src="http://www.romankeller.ch/blog/wp-content/P900.gif" width="156" height="156" alt="" />

in der style.css Deines WP-Themes fügst Du nun ganz am Ende folgende Zeile hinzu:

.floatleft {
text-align: left;
margin-right: 5px;
}

D.h., die Bilder die zur Klasse "floatleft" gehören, erhalten rechts (da wo der Text langfließt) eine Abstand von 5 Pixeln. Für Bilder die rechtsbündig dargestellt werden sollen, fügst Du dann einfach noch die folgendes Klasse hinzu.

.floatright {
text-align: left;
margin-left: 5px;
}

Es ist zwar ein ganz kleines bißchen mehr Arbeit, den Code class="floatleft" hinzuzufügen, aber dafür brauchst Du dann auch die align=left Funktion des Editors nicht mehr benutzten und optisch sieht es einfach wesentlich besser aus. Ich denke, dafür lohnt sich der geringe Aufwand. :-)

Ganz herzlichen Dank das geht super und macht was her. Noch eine ergänzende Frage. Wie kann ich noch einen Rahmen um eine Grafik zeichnen ?

Im Blog fehlt eine Titelangabe,
sprich <title>bla bla</title>

Zitat von Gadgeteria

Ganz herzlichen Dank das geht super und macht was her. Noch eine ergänzende Frage. Wie kann ich noch einen Rahmen um eine Grafik zeichnen ?

Du ergänzt einfach die Klassen floatleft und floatright um:

border: 1px solid #000000;

das erzeugt einen durchgehenden rahmen von einem Pixel Breite. Die Farbe legst Du mit dem Hexadezimalwert fest (hier im Beispiel: schwarz = #000000 ).