Bild-Formatierungen

    Hallo!

    Ich bin neu bei WordPress, habe zwar rudimentäre css-Kenntnisse, aber komme einfach nicht weiter.

    Ich bin unzufrieden mit der Bild-Formatierung in WordPress. Die Probleme liegen glaube ich in der style.css-Datei.

    • Das Problem, das viele haben: Der das Bild umfließende Text hat nicht genug Abstand. Wenn ich bei der Bild-Bearbeitung im Editor des Artikels die margins ändere, führt das nur dazu, dass das Bild noch weiter in den Text reinrutscht. Änderungen der margins in der style.css führen komischerweise zu keinen Änderungen des Bildes auf der Website.
    • Im Editor ist außerdem ein schicker Rahmen, der Bild UND Untertext umfasst. Wie kann ich den einstellen?
    • Außerdem formatieren html-Tags, die ich in den Bild-Untertitel einfüge, den Untertitel zwar im Editor, aber auf der Website kommt von der Formatierung (v.a. kursiver Text mit dem <i>-Tag) nichts an.


    Ich poste hier mal den Abschnitt der style.css-Datei, der (vermute ich) für die Bild-Formatierung zuständig ist:

    Zitat

    .main #content .post img, .main #content .page img {padding:3px; border:1px solid #5AA532; margin-bottom:5px;}
    .main #content .post img.alignleft, .main #content .page img.alignleft {margin-right:5px;}
    .main #content .post img.alignright, .main #content .page img.alignright {margin-left:5px;}

    Danke schonmal!

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wenn du einen Link zur Seite zur Verfügung stellst kann man vielleicht helfen. Außerdem: möglichst nicht mehrere Fragen in einem Posting.
    dokde

    Die Bild Formatierungen werden nicht übernommen, weil du dem Bild gar keine class zuweist

    Code
    <img class=" " width="198" height="264"

    sondern nur über wp-caption ausrichtest.
    dafür gibt es aber keine css-Codes in deiner style.css

    du kannst also zu Beispiel für linke Ausrichtung dies in die style.css einfügen

    Code
    .wp-caption, alignleft {
    margin-right: 8px;
    float: left;
}

    den Rahmen kannst du hier anpassen( style.css Zeile 268 )

    Code
    .main #content .post img, .main #content .page img {
    border: 1px solid #5AA532;
    margin-bottom: 5px;
    padding: 3px;
}

    Einmal editiert, zuletzt von Tutrix (26. Februar 2011 um 08:22)

    Sehr cool! Abstand zum Text funktioniert schonmal so, wie ich mir das gewünscht habe, danke!!

    Jetzt würde ich noch gerne einen Rahmen um sowohl Bild und Untertitel haben, außerdem verstehe ich nicht, warum html-Tags nicht im Frontend funktionieren. Komischerweise sehe ich beides im Backend beim Bearbeiten des Artikels. Ich habe mal ein Bild hochgeladen, links wie ich es im Backend sehe (mit Rahmen um Bild und Untertitel und kursiver Quellenangabe dank <i>-Tag).

    http://img809.imageshack.us/img809/307/rahmenh.jpg

    den Code oben ändern in

    Code
    .wp-caption, alignleft {
    float: left;
    margin-right: 15px;
    background-color: #e4e4e4;
    padding: 5px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-style: italic;
}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden