Bild mit schwarzer Border und Link

  • 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.


    <a " title="xy" href="xy.html"><img align="left" border="3" src="xy.jpg" style="width:150px;height:210px;"></a>


    Bin sehr dankbar für Hilfe.


    Addi

  • 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
    1. <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