Bilder gezielt via CSS ansprechen

  • Moin moin aus dem hohen Norden!


    Ich wünsche Allen ein frohes und besinnliches Weihnachtsfest!


    -----


    Ich habe in meinem html-Script einen <section id="main">-Bereich und in diesem einen article-Bereich definiert. In dem article-Bereich liegen mehrere Bilder.


    In meinem css-Style spreche ich mit "#main article img" die Formatierung der Bilder an.


    Der Nachteil ist nun, dass das css-Style alle Bilder gleich formatiert.


    Was muss ich tun, wenn ich die Bilder einzeln im css-Style ansprechen bzw. formatieren möchte?


    Natürlich habe ich dazu im Netz gesucht und Tips mit "id" gefunden. Aber egal was ich anstelle, es funktioniert nicht bei mir.

  • Hallo


    Ohne den Quelltext können wir nur raten.


    Mit einer ID könnte das HTML folgendermaßen aussehen:


    Code
    <img src="pfad/bild.jpg" alt="Bildbeschreibung" id="idname">


    Das CSS dazu folgendermaßen:


    Code
    #idname {
       border: 2px solid black;
    }


    Sinnvoller ist aber meist die Verwendung von Klassen:


    Code
    <img src="pfad/bild.jpg" alt="Bildbeschreibung" class="classname">


    mit folgendem CSS


    Code
    .classname {
       border: 2px solid black;
    }


    HTML-Anfänger neigen meist dazu im Übermaß id zu verwenden. Dabei sollen id nur dort verwendet werden, wo Elemente aus technischen Gründen nur einmal im Quelltext auftauchen dürfen. In allen anderen Fällen ist class das bessere Attribut. id sind also eher die Ausnahme.


    Um img-Elemente ohne id oder class mit CSS anzusprechen gibt es ansonsten noch die Möglichkeit Selektoren wie


    Code
    :nth-child()


    zu verwenden. Dazu kannst du die Suchmaschine deiner Wahl anschmeissen.


    Gruss


    MrMurphy

  • Danke Euch Allen!


    MrMurphy: Das mit "class" hat geklappt!!!!


    -----


    Könnt Ihr mir evtl. in Forums-Eigener-Sache noch helfen: Obwohl ich es in meinem Portal aktiviert habe, bekomme ich keine eMail-Benachrichtigungen, wenn Ihr antwortet. Weiter sehe ich bei mir zu Hause meine Signatur nicht, obwohl diese auch in meinem Portal eingerichtet ist?!


    Muss ich noch irgendwo einen Haken setzen, den ich übersehen habe... 8|

  • Du musst "Thema bei Antwort automatisch abonnieren" auch aktivieren, nur auf abonnierte Themen wird benachrichtigt.


    edit:
    Nachträglich abonnieren kann man ganz unten auf der Seite. Das geht auch bei Themen, wo man nichts geschrieben hat.

Jetzt mitmachen!

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