[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:
(3306 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
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
<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: 9441

27. Nov 2015, 12:26
Beitrag # 2 von 2
Beitrag ID: #544965
Bewertung:
(3259 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]

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
09.05.2023

Digicomp (Bern, Basel, Zürich)
Dienstag, 09. Mai 2023, 08.30 - 17.00 Uhr

Kurs

Sie verfügen über ein Abonnement der Creative Cloud, welches Adobe Acrobat DC Pro beinhaltet. Sind Sie unsicher, ob Ihre PDF Dateien für die jeweilige Druckausgabe geeignet sind? Lernen Sie in diesem Kurs das notwendige Rüstzeug für den sicheren Datenaustausch mit Druckdienstleistern. Erstellen Sie druckfähige PDF/X und prüfen Sie Ihre PDFs vor einer Weitergabe mit Acrobat DC Pro.

Dauer: 1 Tag
Preis: CHF 700.–, exkl. MWST

Ja

Organisator: Digicomp Academy AG

https://digicomp.ch/weiterbildung-media-communication/adobe/kurs-pruefen-von-druck-pdf-in-acrobat-dc-pro--basic

Prüfen von Druck-PDF in Acrobat DC Pro