Rahmen um Bilder mit CSS

    Hallo,

    ich weiß, dass es hier schon einige Beiträge zum Thema CSS und Rahmen um die Bilder gibt. Allerdings hat mir bis jetzt keiner weitergeholfen. Kann mir jemand vielleicht einen Verweis oder eine Erklärung geben, wie ich im CSS konfiguriere, dass automatisch um jedes eigefügte Bild ein Rahmen in einer bestimmten Farbe, Dicke und einem gewissen Abstand erscheint? Ich habe leider so gut wie keine Ahnung davon. Dass heißt ich weiß nicht, wo ich was einbinde oder dergleichen. Ich weiß theoretisch, wozu das CSS da ist, mehr aber auch nicht.
    In meiner CSS stehen nur diese Zeilen:
    /* CSS Document */
    .dc {float:left; height:100%; vertical-align:auto;}

    Vielleicht gibt es ja netterweise jemanden, der sich etwas Zeit nimmt.

    Danke

    Felix

    • 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

    Prinzipiell so:

    Code
    img {
border-color:/*Farbwert*/
border-width:/*Rahmenbreite*/
padding:/*Abstand Bild-Rahmen*/
}

    z.B.

    Code
    img {
border-color:#FFFFFF;
border-width:3px;
padding:5px;
}


    zeichnet einen weißen Rahmen mit 3px Breite und 5px Abstand um die Bilder.

    Das betrifft allerdings *alle* Bilder im Blog. Genaueres kann man nur sagen, wenn man weiß welches Theme du verwendest und welche Bilder einen Rahmen bekommen sollen (z.B. nur Bilder in Beiträgen).

    Rahmen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

    Danke für die schnelle Antwort! Ich verwende ein eigenständig gestaltetes Theme meiner Firma. Der Rahmen soll um die Bilder in den Beiträgen. Unter Optikur-Blog kannst Du Dir den Blog einmal ansehen. Dort habe ich um alle Bilder manuell einen kleinen Rahmen eingefügt, um die dann auch einer erscheinen soll.

    Gruß

    Felix

    Gerade sehe ich, dass ich eine style.css und eine style_ie.css in dem Template habe. In der style.css steht nun doch mehr, als in der anderen. Vielleicht ist das ja von Bedeutung?

    Zitat von highning

    Gerade sehe ich, dass ich eine style.css und eine style_ie.css in dem Template habe. In der style.css steht nun doch mehr, als in der anderen. Vielleicht ist das ja von Bedeutung?

    ja die style.css gibt generelle Angaben,

    die style_ie.css gibt nur die Angaben, die für den IE wichtig sind,

    aber border versteht auch der IE also nur in die style.css reintippen, dort wo du es wiederfindest

    lg

    Nur der Vollständigkeit halber: Bei dir werden alle Bilder in Beiträgen wie folgt angesprochen:

    Code
    .text img {
}

    Du kannst auch der bereits bestehende Regel (style.css, line 182) den Rahmen hinzufügen:

    Code
    .content .text img {
float:left;
margin-right:16px;
}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden