Bilder in WordPress 2.6

Auf dem Dr. Web Weblog wurden gestern ein paar CSS-Codeschnipsel präsentiert, mit denen man die Bilder und deren Unterüberschrift so wie im Vorschaueditor in WordPress speichern kann.

In den Kommentaren wurde schnell darauf hingwiesen, dass diese Lösung nicht valide sei und in manchen Editoren Probleme verursacht. Wer Wert auf ein valides Stylesheet legt, muss nur die drei Zeilen mit dem vorangehenden – (Minus/Bindestrich) weglassen.
Oder das CSS benutzen:

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

Nachteil ist allerdings, dass in den Gecko-Browsern nun keine runden Ecken mehr gezeigt werden.

Der Internet Explorer und alle anderen Browser verhalten sich übrigens in keiner Weise falsch, oder erzeugen durch das voranstehende – Fehler. Das Stylesheet ist nur nicht mehr valide.