Bild einer Klasse zuweisen und dem Bild einen Link hinterlegen

[Anba]

Hallo zusammen,

ich würde gerne mit HTML eine Klasse erstellen, in dieser Klasse sollte ein Bild (Logo) enthalten sein und diesem Bild sollte ein Link hinterlegt sein.
Diese Klasse möchte ich dann anschließend mit CSS bearbeiten (Positionierung usw.).

Bisher habe ich das so in HTML geschrieben:
<a href="https://domain.de" img src="Logo.png" alt="Logo" class="logo“</a>

Aber irgendwie funktioniert das nicht.
Kann mir jemand bitte weiter helfen?

Grüße

 

[Sempervivum]

Hallo Anba und willkomen im Forum!
Da fehlen einige spitze Klammern:
<a href="https://domain.de"><img src="Logo.png" alt="Logo" class="logo“></a>

 

[Anba]

Hallo Sempervivum,

vielen Dank für deine Antwort!
Das mit dem Link bei dem Logo funktioniert jetzt, aber irgendwie ändert sich an dem Logo nichts wenn ich über CSS mit ".logo" etwas ändern möchte, also Größe usw.
Kannst du sagen an was das liegen kann?

Grüße

 

[Sempervivum]

Eigentlich müsste das funktionieren. Poste doch mal das CSS, das Du versucht hast. Gibt es auf der Seite noch mehr CSS, das sich vielleicht gegenüber deinem durchsetzt?

 

[Anba]

Das ist der CSS Code den ich benutzt habe.
Komischerweise, ohne das href und wenn ich das "a" weg mache funktioniert die Anordnung. Aber dann ist halt kein Link hinterlegt. Sobald ich vorne und hinten das "a" dazu schreibe und vorne das href funktioniert zwar der Link, aber das Bild reagiert nicht auf die CSS Befehle.
Es gibt da schon mehr CSS Code, aber diese Klasse wird nur von dem einen Code angesprochen.

.logo {
max-width: 50%;
z-index: 99;
margin-left: -600%;
margin-top: -40%;
}

 

[Sempervivum]

Es gibt da schon mehr CSS Code, aber diese Klasse wird nur von dem einen Code angesprochen.

Schon, aber für das CSS von diesem img.logo spielt das Elternelement, nämlich das a-Tag, eine Rolle. Das max-width: 50%; bezieht sich z. B. auf die Größe dieses Elementes.
Versuche mal, dein CSS dem a-Element zuzuweisen und zusätzlich display: inline-block;

 

[Anba]

Wenn ich "display: inline-block;" eingebe verschwindet das Logo komplett

 

[Sempervivum]

Das hängt wahrscheinlich mit dem margin-left: -600%; zusammen, dadurch wird das Ganz außer Sichtweite nach links verschoben. Was willst Du denn damit erreichen?
Es wäre am besten wenn man das Ganze im Zusammenhang sehen würde. Wenn die Seite online ist, dann poste die URL.