Hallo an Euch, folgendes Problem stellt sich bei mit dar: Im Listing wir doch folgendes Bild als Link zu den Produktdetails verwendet Das Bild besteht ja aus zwei Teilen mit unterschiedlichen Farbbereichen und dies oder ein ebenso aufgebautes Bild möchte ich als Button “Jetzt bestellen” nutzen. Leider funktioniert hier der Bild-Hover nicht. Folgendes habe ich derzeit in meiner CSS stehen: .artbox .actions a, .listing\_actions .offers, div#notes .table\_row .action a, .blogbox a.more\_info, .content\_listing a.more\_info, .bt\_allsupplier, div#notes .table\_row .action a.basket, .blogbox a.more\_info:hover, .content\_listing a.more\_info:hover, .bt\_allsupplier:hover { background: url("../images/buttons/button\_right-small-1.png") repeat-x scroll right top transparent; border: 0 none; color: #000; text-shadow: 0 1px 1px #fff; } Habt Ihr einen Rat dazu? Danke und viele Grüße Erik
Hallo und einen schönen Samstag Euch, das Problem mit dem Hover im Listing konnte ich lösen. Ich beiße mir jetzt auf dem Merkzettel die Zähne aus 
. Hier eine kurze Ansicht: Der Hover bei „Kaufen“ funktioniert tadellos, nur wird der Hover bei „Zum Produkt“ nicht unterstützt. Meine CSS sieht so aus: .artbox .actions a, .listing\_actions .offers, div#notes .table\_row .action a, .blogbox a.more\_info, .content\_listing a.more\_info, .bt\_allsupplier, div#notes .table\_row .action a.basket, .blogbox a.more\_info:hover, .content\_listing a.more\_info:hover, .bt\_allsupplier:hover { background: url("../images/buttons/button\_right-small-1.png") repeat-x scroll right top transparent; border: 0 none; color: #000; text-shadow: 0 1px 1px #fff; } .artbox .actions a:hover, div#notes .table\_row .action a.basket:hover { background-position: right bottom; } .artbox .actions a.more, div#notes .table\_row .action a.basket, .blogbox a.more\_info:hover, .content\_listing a.more\_info:hover, .bt\_allsupplier:hover { background: url("../images/buttons/button\_right-small.png") repeat-x scroll right top transparent; border: 0 none; color: #fff; text-shadow: 0 1px 1px #c30000; } .artbox .actions a.more:hover, div#notes .table\_row .action a.basket:hover { background-position: right bottom; } .artbox .actions a.more:hover, div#notes .table\_row .action a.basket:hover {background-color: #d82e00 ;border-color: #d82e00;color: #fff;} Hier habe ich schon viel versucht aber noch keine Lösung gefunden. Habt Ihr eine Hilfestellung für mich? Danke und viele Grüße Erik
Hallo Erik, verwendest du zufällig Firebug? Da könntest du die Reihenfolge der CSS-Werte kontrollieren, evtl wird bei dir was überschrieben. Du hast zB bei beiden Bildern die div “div#notes .table_row .action a.basket” definiert. Gruß Manuel