Ansicht:   

#407440 Mit CSS bei hover ein neues Bild laden (web.design)

verfaßt von Johann, 16.01.2017, 14:25:02

> Danke für die nunmehr 3. Unterstützung. Du schreibst
> > Es fehlt die .image_link Klasse im CSS...,
> aber wenn Du Dir meinen letzten Beitrag noch mal anschaust, dann ist doch
> im letzten Teil des <style>-Bereichs diese Zeile
> .image_link:hover, focus {....} enthalten!

Du hast nur die Pseudoklassen definiert und nicht die eigentliche Grundklasse für den a-tag.

> (ich hatte - vielleicht naiverweise - geglaubt, Du könntest bei dem mitgeschickten Code
> der html-Datei ein paar Änderungen so einbauen, dass es dann funktioniert)

Das tat ich in meinem ersten Post. Wenn Du das so machst wie ich schrieb und in den url('...') die entsprechenden Bildpfade angibst, klappt das. Das brauchst Du doch nur 1:1 übernehmen.

<html>
<head>
<title>Hover-Test</title>
<meta charset="UTF-8">
<style>
.art {
font-size: 30pt;
color: purple;
}
.art:hover {
color: orange;
}
.image_link {
/* An H.'s logo angepasst */
width: 125px;
height: 62px;
display:inline-block;
background: url('http://astro.sixbytes.de/sixbytes_logo.png') 0 0 no-repeat transparent;
}
.image_link:hover, focus {
background: url('http://www.th-hermann.de/Bilder/signatur.jpg') 0 0 no-repeat transparent;
}
</style>
</head>
<body>
<a href=" http://www.netz-treff.de/forum" class="image_link" >&nbsp;</a>
<p class="art">
Text
</p>
</body>
</html> 

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz