[SOLVED] Bilderwechsel Thumbs hovern

[harald]

Hallo Forum,
ich versuche mich gerade mal wieder am CP Bilderwechsel. Die kleinen Thumbs habe ich via Template in eine eigene Klasse gesteckt:

#pic-small-frame img {
border: solid 1px #999999;
width:50px;
height:50px;
}

Funktioniert auch. Nun möchte ich beim drüberfahren die Rahmenfarbe ändern und dachte mit:

#pic-small-frame img a:hover{
border: solid 1px #000000;
}

sollte das kein Problem sein. Aber der Rahmen ändert sich nicht beim Hovern.
Hat da jemand eine Idee?

[Heiko H.]

Hallo Harald,

Die kleinen Thumbs habe ich via Template in eine eigene Klasse gesteckt:

Neee, haste nicht! # -> ID !!!
Da es sicher mehrere Thumbs sind, ist das so nicht i.O. (valide). Aber das nur am Rande...

#pic-small-frame img a:hover{

Wird nicht funktionieren "a:hover" heißt so viel wie wenn der Pointer über einem Link ist...

Code: Select all

.pic-small-frame img:hover

wäre wohl zutreffender, ABER!!! vor allem ältere Browser (z.Bsp:IE6 {wo ist der Kotzsmiley???}) kennen derartige Pseudoklassen nicht!
Da kann man dann aber mit JS was fummeln...
So wie hier in Menü.


Viel Spass

[harald]

Vielen Dank Heiko. Hattest recht. Das funktioniert! Und wenn bei alten Browsern die Rahmenfarbe nicht wechselt, ist es auch nicht schlimm...

[Heiko H.]

Vielen Dank Heiko.

Na, wenn's weiter nix ist...
BITTE.

[top]

Mit etwas Java-Script-Hilfe lässt sich der IE6 aber auch dazu überreden.

In der conf.inc.php gibt es dafür schon einen Schalter:

Code: Select all

$phpwcms['IE_htc_hover']      = 0; // enables HTC Hover for IE < 7 - has no effect in other browsers 

Einfach mal aus der 0 eine 1 machen.