Bild mit schwarzer Border und Link

Addi · 24. Januar 2019

Guten Tag,

ich habe ein Problem. Und zwar habe ich ein Bild, das mit einer anderen Seite verbunden ist. Dieses Bild soll eine 3px schwarze Border mit einem Hover-Effekt(Border white oder none) haben.

So sieht es bei mir aus. Ich bekomme den blauen Rand nicht durch einen schwarzen ersetzt der beim Hover weiß wird. Ohne Link funktioniert dies.

Bin sehr dankbar für Hilfe.

Addi

basti1012 · 25. Januar 2019

Naja du hast2 möglicjkeiten.

Die eine davon ist aber am richtigsten.

Inline style ist Mist und wird kaum noch verwendet. Wenn man es verwendet geht das mit den hovern so nicht wie man das aus den Css kennt.Zumindest mir fält jetzt nix ein.

Also muss man es so machen

Code

<a title="xy" href="xy.html"><img align="left" src="xy.jpg" style="width:150px;height:210px" onMouseOver="this.style.border='3px solid white'"   onMouseOut="this.style.border='3px solid blue'"></a>

Das ist aber nicht schön.

Deswegen nutze das <style>.

Das würde dann so aussehen ungefähr

Code

<style>
  img{
    border:3px solid blue;
    text-align:left;
    height:210px;
    width:150px;
  }
  img:hover{
    border:3px solid white;
  }
</style>
<a title="xy" href="xy.html"><img src="xy.jpg"></a>

Alles anzeigen

Addi · 25. Januar 2019

Ah okay danke

Bild mit schwarzer Border und Link

Jetzt mitmachen!

Teilen

Tags