# Problem mit Hover im Listing

**URL:** <https://forum.shopware.com/t/problem-mit-hover-im-listing/9912>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [16. November 2012 um 18:27 UTC](https://forum.shopware.com/t/problem-mit-hover-im-listing/9912 "2012-11-16T18:27:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dreamland](https://avatars.discourse-cdn.com/v4/letter/d/8491ac/32.png) [@Dreamland](https://forum.shopware.com/u/Dreamland)\
**Post date:** [16. November 2012 um 18:27 UTC](https://forum.shopware.com/t/problem-mit-hover-im-listing/9912/1 "2012-11-16T18:27:40Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Dreamland](https://avatars.discourse-cdn.com/v4/letter/d/8491ac/32.png) [@Dreamland](https://forum.shopware.com/u/Dreamland)\
**Post date:** [17. November 2012 um 12:59 UTC](https://forum.shopware.com/t/problem-mit-hover-im-listing/9912/2 "2012-11-17T12:59:10Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![mkays](https://avatars.discourse-cdn.com/v4/letter/m/ea666f/32.png) [@mkays](https://forum.shopware.com/u/mkays)\
**Post date:** [17. November 2012 um 14:08 UTC](https://forum.shopware.com/t/problem-mit-hover-im-listing/9912/3 "2012-11-17T14:08:22Z")

</div>

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