Bitte um Hilfe bei diesem Code! Ich bekomme nicht raus was ich falsch habe

  • Hi, ich brauche eure Hilfe! :) :) :) :) :)
    Und zwar müssen wir in einem Projekt in Informatik einen eigenen kleinen Webshop basteln.
    Aber da wir erst seit Anfang Dezember HTML lernen, bekomme ich meinen Fehler nicht heraus.
    Meine Frage ist: Ich habe am Anfang des Body Bereichs ein Bild eingefügt, dass Logo.png heißt und auf diesem eine Verlinkung angebracht, aber bei mir ist die Verlinkung, wenn ich es im Browser teste immer über dem Bild und ganz an der linken Seite! Ich weiß nicht wie man das behebt!


    Das Bild ist hier auch im Beitrag falls ihr mir helfen wollt, die Slideshow könnt ihr ignorieren, die funktioniert nach meinen Vorstellungen.


    Bitte um schnelle Hilfe! Danke!




    Hier der Code:

    Und hier das CSS:


  • Meinst Du dieses?

    HTML
    1. <a href="Webshop_Hauptseite.html"><img src="Logo.png" style="width: 100px; height: 50px;">
    2. </a>


    Zitat

    bei mir ist die Verlinkung, wenn ich es im Browser teste immer über dem Bild und ganz an der linken Seite! Ich weiß nicht wie man das behebt!

    Das ist genau das, was dieser Code bewirkt. Was möchtest Du den statt dessen erreichen? Dass die Verlinkung auf dem ganzen umgebenden div liegt? Dann musst Du das a-Tag außen herum legen:

    HTML
    1. <a href="Webshop_Hauptseite.html"><div class="blauesdiv"><img src="Logo.png" style="width: 100px; height: 50px;">
    2. </div></a>



    BTW: Ich empfehle, auf absolute Positionierung zu verzichten. Meistens macht sie mehr Probleme als sie löst, vor allem, wenn die Seite responsiv sein soll