Automatisches Stylesheet bei Bildern

    Hallo,

    bin in der WP-Welt ziemlich neu und experimentiere noch sehr viel herum, also sorry für die totale Noob-Frage.

    Mein Problem ist folgendes:
    Die Bilder die ich in meinem Blog einfüge sollen alle den selben "Rahmen" haben, sprich:

    margin: 0px 0px 10px 10px;

    Da dies sowieso für alle Bilder gelten soll, ist es nervig wenn ich das jedesmal von Hand eingeben muss.

    Ich habe bereits die Suchfunktion genutzt und bin auf ähnliche Probleme gestoßen, aber leider konnten mir die bisherigen Threads nicht weiterhelfen.
    Ich schaffe es nicht mein Style.css vom Freshy2-Theme (Version 2.0.6) so zu verändern, dass die neu eingefügten Bilder automatisch das oben genannte Stylesheet verpasst bekommen. :confused:

    Wäre cool wenn mir jemand Hilfe geben könnte, danke schon mal im voraus.

    Grüße
    Quasimodo

    • 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

    Zitat von Quasimodo


    Die Bilder die ich in meinem Blog einfüge sollen alle den selben "Rahmen" haben, sprich:

    margin: 0px 0px 10px 10px;


    Das alleine macht noch keinen Rahmen, nur einen Abstand. Um einen Abstand und einen Rahmen zu bekommen, schreib in die style.css sowas wie

    Code
    img {
margin: 0px 0px 10px 10px;
border: 1px solid #f7f7f7;
}

    Danke, habe mich falsch ausgedrückt. Ich möchte nur den Abstand haben (deswegen Rahmen unter Hochkommas ;) ).

    Ist es egal wo ich den Code eingebe oder muss es an einer bestimmten Stelle vorkommen?

    Hab es jetzt probiert, klappt aber leider nicht.
    Wenn ich ein Bild (Datei einfügen, nicht verlinken) mit dem WP-eigenen "Flash-Uploader" uppe muss ich trotzdem immer das Stylesheet manuell ändern...

    Wenn du das mit dem neuen Uploader machst, werden automatisch die Klassen alignleft, alignright, aligncenter oder alignnone vergeben. Wenn deine Bilder immer nur rechts sein sollen und der Text links daneben, füge in die style.css ein

    Code
    img.alignright {
margin: 0px 0px 10px 10px;
}


    Wenn du auch Bilder links floatend oder zentriert oder gar nicht positioniert haben willst, füge noch was entsprechendes für die anderen drei Klassen hinzu.

    Mhh, seltsam. Es macht überhaupt keinen Unterschied ob ich den Code im Style.css drinnen habe oder nicht.

    Macht es tatsächlich keinen Unterschied wo in der Style.css ich den Code reinhaue?

    Es ist auch noch manuell eingefügt, zumindest bei dem Bild im Artikel 'Slam'. Nimm das mal raus, und dann nimm nochmal den img.alignright Code raus, dann siehst du, dass der Text direkt am Bild ist und keine 10 Pixel dazwischen sind. Und ja, es ist wirklich egal, wo der Code in der style.css steht.

    Ja aber wenn ich das manuell eingegeben entferne und den Code im Style.css belasse, dann wird der Abstand nicht automatisch gemacht, das ist ja die Problematik oder? ;)
    Deshalb meine ich ja das der Code keinen Unterschied bringt...

    Zitat von Quasimodo

    Ja aber wenn ich das manuell eingegeben entferne und den Code im Style.css belasse, dann wird der Abstand nicht automatisch gemacht, das ist ja die Problematik oder? ;)


    Doch, wird er. :) Probiere es doch mal aus, vielleicht mit einem etwas höheren Wert zum anschaulich-machen, so:

    Code
    img.alignright {
margin: 0px 0px 10px 50px;
}

    Nee, vergiss mal, was ich eben mit dem auskommentieren geschrieben habe, die .alignright brauchst du ja für die Seitennavigation. Setze mal das

    Code
    img.alignright {
margin: 0px 0px 10px 50px;}


    über das

    Code
    .alignright {
float:right;
}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden