Wie heißt der code?

  • Hallo,

    ich möchte, dass bei einem Bild, wenn man mit der Maus darüberfährt, ein farbiger Rand erscheint. Wie lautet der css-code?

    An welcher Stelle im styleshet kann er eingebaut werden? Die Website liegt hier:Malerei 2000 und es handelt sich um das kleine Bild links mit dem Text

    Das aktuelle Bild:


  • Um das Bild eindeutig ansprechen zu können, gibst Du ihm am besten eine Klasse, z. B. "hoverimg":

    Code
    1. <img class="hoverimg" src="Malerei/Acrylmalerei/album/thumbs/blaue_formen.jpg" alt="">

    Das folgende CSS, dass beim Hover der farbige Rand erscheint. Der transparente Rand ist nur ein Platzhalter, damit sich das Layout bei Hover nicht verschiebt.

    Code
    1. img.hoverimg {
    2. border: 2px solid transparent;
    3. }
    4. img.hoverimg:hover {
    5. border: 2px solid blue;
    6. }

    Wo Du dass CSS hinschreibst, ist von untergeordneter Bedeutung, aber da es zum Bild gehört, bietet es sich an, es dort zu notieren, wo auch die CSS-Regeln für img allgemein stehen, d. h. in style2000.css ab Zeile 108.