[GastForen Web allgemein HTML und CSS / Stylesheets hover-Effekt bei bestimmten img-Button deaktivieren, (wie) geht das?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

hover-Effekt bei bestimmten img-Button deaktivieren, (wie) geht das?

homeedition
Beiträge gesamt: 198

27. Nov 2015, 09:53
Beitrag # 1 von 2
Bewertung:
(3921 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe mehrere img-Buttons die einen hover-Effekt bekommen sollen.

Mein Problem:
Ich möchte gerne ein img-Button ohne den hover-Effekt haben, da es sich um den Home-Button (Logo) handelt und es nicht so toll aussieht wenn da der hover-Effekt drauf ist.

Hat jemand ne Idee wie ich das machen kann?


Hier mal das CSS für hover-Effekt:
Code
  1. a img:hover {
    outline: 4px solid #005aaa;
    opacity: 0.9;
    }

    a img {
    border: 0px solid #005aaa;
    }
    a img:hover {
    outline: 4px solid #005aaa;
    opacity: 0.9;
    }



So habe ich die img-Buttons eingebunden, ganz normal.
(Bei dem Bild soll der hover-Effekt nicht stattfinden):
Code
  1. <a href="index.php" target="_self"><img src="images/meinebilder/standard/logo.jpg" alt="" /></a>


Ich hoffe es kann jemand helfen :)
Danke
X

hover-Effekt bei bestimmten img-Button deaktivieren, (wie) geht das?

Dirk Levy
  
Beiträge gesamt: 9483

27. Nov 2015, 12:26
Beitrag # 2 von 2
Beitrag ID: #544965
Bewertung:
(3874 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,

versuche es doch mit einer eigenen Klasse für dieses
eine Bild, die keine Hover hat.

z.B. a.ohne img

Die Klasse mußt Du dann dem einen Button zuweisen....


als Antwort auf: [#544962]