Verständnisprobleme Block und Inline Elemente

  • Guten Tag,


    ich gehe von meinen Fall aus, da ich bereits weiß was Block und Inline Elemente sind.


    Code
    1. HTML CODE:
    2. <header>
    3. <a href="index.html"> <img src="img/bild.png" height="91" width="251" alt="Bild" title="Bild"> </a>
    4. </header>


    Jedoch scheint meine Vorgehensweise nicht wirklich zu funktionieren.

    Wenn ich dass Bild ansprechen möchte (img) muss ich class="beispiel" und dies dann per CSS ansprechen?

    Zum Beispiel .beispiel img { display:block; } (da Inline Element) oder kann auch der header angesprochen werden?

    Wie ist dass eigentlich mit der background-position muss die Grafik in der CSS Datei hinterlegt sein dass es auch funktioniert oder kann es auch von HTML also img angsprochen werden?


    Gibt es eine Vorgehensweise welchen tag man anspricht (Blockelement in diesem Fall <header>) usw.?


    Kann man irgenwo auch einsehen wenn man z.B. background-position verwendet wie und wo dass angewendet werden kann (wie in diesem Fall)

    bin meistens auf https://wiki.selfhtml.org


    Habe es nun mit Padding gelöst also:



    Vorgehensweise so richtig?

    Dieser Beitrag wurde bereits 1 Mal editiert, zuletzt von hume ()