# Rollover Hauptmenü mit Grafiken

**URL:** <https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [17. November 2010 um 20:50 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727 "2010-11-17T20:50:39Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [17. November 2010 um 20:50 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/1 "2010-11-17T20:50:39Z")

</div>

Hallo zusammmen, wollte mir gerne ein Hauptmenü mit Rollover Effekt einrichten. Die passenden Grafiken mit entsprechender Größe hab ich schon im passenden Ordner abgelegt.In meiner css hab ich folgendes eingebaut(Auszug). ` #mainNavigation ul li a#Schuhe { background:url("../images/buttons/nav09.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:78px; } #mainNavigation ul li a#Schuhe.active { background:url("../images/buttons/nav09.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:78px; } #mainNavigation ul li a#Schuhe:hover { background:url("../images/buttons/nav09.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:78px; } ` Leider tut sich noch gar nichts.Ich glaub es liegt an der categories\_top.tpl. Die sieht ja folgendermaßen aus: [code]

- [{se name=‚IndexLinkHome‘}Home{/se}]({url controller=‚index‘} „{s name=‚IndexLinkHome‘}{/s}“)  
{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop} - [{$sCategory.description}]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} „{$sCategory.description}“)  
{/if} {/foreach}  
[/code] Was hab ich nicht beachtet.Kann mir jemand helfen???

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [18. November 2010 um 08:59 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/2 "2010-11-18T08:59:46Z")

</div>

Du hast doch im Template-Code gar keine class mit der Bezeichnung „schuhe“ definiert? Somit kann der Browser doch garnicht wissen, welches Element du formatieren willst? Oder übersehe ich irgendetwas?

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 09:55 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/3 "2010-11-18T09:55:51Z")

</div>

Genau da hört mein Wissen auf.Ich hab im Backend meine Hauptkategorien angelegt und die dazugehörigen Grafiken sind wie oben beschrieben auch mit den gleichen Namen wie die Kategorie angelegt,z.B. Schuhe Wie genau muss ich das denn in der categories\_top definieren? Außerdem sollte der Home Button auf active sein wenn ich die Startseite aufrufe. Lieber Stefan,kannst du mir das mit nem Beispiel erläutern???

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [18. November 2010 um 10:00 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/4 "2010-11-18T10:00:43Z")

</div>

Du kannst dafür eines der Kategorie-Freitext-Felder nehmen. z.b. text1 Da gibst du dann den Klassennamen ein, z.B. “schuhe” im Template würdest du dann bei [class=“active {$sCategory.ac\_attr1}” schreiben Also statt {if $sCategory.flag} class=“active”{/if} {if $sCategory.flag} class=“active {$sCategory.ac\_attr1}” {else} class="{$sCategory.ac\_attr1}"{/if} Dann musst du mal mit Firebug kontrollieren, ob er die Styles korrekt übernimmt - diese müssen dann ggf. noch angepasst werden!]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} “{$sCategory.description}”)

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 10:49 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/5 "2010-11-18T10:49:26Z")

</div>

Da tut sich noch gar nichts.Also bei den Freitext Feld hab ich Schuhe eingetragen und die Kategorie Bezeichnung lautet auch Schuhe(erster Buchstabe groß). meine categories\_tpl sieht jetzt so aus. [code]

- [{se name=‘IndexLinkHome’}Home{/se}]({url controller=‘index’} “{s name=‘IndexLinkHome’}{/s}”)  
{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop} - [{$sCategory.description}]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} “{$sCategory.description}”)  
{/if} {/foreach}  
[/code] in meiner css sieht es so aus ` /\* MAINCATEGORIES ------------------------ \*/ #navigation { background:none repeat scroll 0 0 transparent; border: 0 none; height:44px; position:static; width:960px; } #navigation ul { margin-left:0; } #navigation ul li { background-color:transparent; border: 0 none; display:block; float:left; height:44px; padding:0 0 0 0; } #navigation ul li.active { background-color:transparent; } #navigation ul li a { background:none repeat scroll 0 0 transparent; color:#000000; display:block; font-size:11px; font-weight:bold; height:44px; padding:0 0 0 0; text-decoration:none; text-transform:uppercase; } #navigation ul li a:hover { color:#000000; } #navigation ul li a.active { background:none repeat scroll 0 0 transparent; color:#000000; } #navigation ul li a#Home { background:url("../images/buttons/nav02.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:67px;} #navigation ul li a#Home.active { background:url("../images/buttons/nav02.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:67px; } #navigation ul li a#Home:hover { background:url("../images/buttons/nav02.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:67px; } #navigation ul li a#Neu { background:url("../images/buttons/nav03.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:57px; } #navigation ul li a#Neu.active { background:url("../images/buttons/nav03.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:57px; } #navigation ul li a#Neu:hover { background:url("../images/buttons/nav03.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:57px; } #navigation ul li a#Girls { background:url("../images/buttons/nav04.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:67px; } #navigation ul li a#Girls.active { background:url("../images/buttons/nav04.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:67px; } #navigation ul li a#Girls:hover { background:url("../images/buttons/nav04.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:67px; } #navigation ul li a#Boys { background:url("../images/buttons/nav05.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:64px; } #navigation ul li a#Boys.active { background:url("../images/buttons/nav05.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:64px; } #navigation ul li a#Boys:hover { background:url("../images/buttons/nav05.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:64px; } #navigation ul li a#Merchandise { background:url("../images/buttons/nav06.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:111px; } #navigation ul li a#Merchandise.active { background:url("../images/buttons/nav06.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:111px; } #navigation ul li a#Merchandise:hover { background:url("../images/buttons/nav06.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:111px; } #navigation ul li a#Marken { background:url("../images/buttons/nav07.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:80px; } #navigation ul li a#Marken.active { background:url("../images/buttons/nav07.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:80px; } #navigation ul li a#Marken:hover { background:url("../images/buttons/nav07.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:80px; } #navigation ul li a#Basics { background:url("../images/buttons/nav08.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:75px; } #navigation ul li a#Basics.active { background:url("../images/buttons/nav08.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:75px; } #navigation ul li a#Basics:hover { background:url("../images/buttons/nav08.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:75px; } #navigation ul li a#Schuhe { background:url("../images/buttons/nav09.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:78px; } #navigation ul li a#Schuhe.active { background:url("../images/buttons/nav09.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:78px; } #navigation ul li a#Schuhe:hover { background:url("../images/buttons/nav09.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:78px; } #navigation ul li a#Accessoires { background:url("../images/buttons/nav10.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:109px; } #navigation ul li a#Accessoires.active { background:url("../images/buttons/nav10.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:109px; } #navigation ul li a#Accessoires:hover { background:url("../images/buttons/nav10.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:109px; } `

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [18. November 2010 um 10:50 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/6 "2010-11-18T10:50:42Z")

</div>

Da fehlt auf jeden Fall das {else} aus meinem Post! Ansonsten stell auch mal die HTML-Ausgabe der Seite ein (Auszug passende Stelle reicht!)

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 11:01 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/7 "2010-11-18T11:01:02Z")

</div>

OK,jetzt sieht meine categories\_top so aus [code]

- [{se name=‘IndexLinkHome’}Home{/se}]({url controller=‘index’} “{s name=‘IndexLinkHome’}{/s}”)  
{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop} - [{$sCategory.description}]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} “{$sCategory.description}”)  
{/if} {/foreach}  
[/code] html wird so ausgegeben [code]

- [Home](http://localhost/ "Home")

- [Neu](http://localhost/neu "Neu")

- [Girls](http://localhost/cat/index/sCategory/2153 "Girls")

- [Boys](http://localhost/boys "Boys")  
[/code]

---

<div class="post-metadata">

**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\
**Post date:** [18. November 2010 um 11:23 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/8 "2010-11-18T11:23:52Z")

</div>

[quote=„Haijo“]Was hab ich nicht beachtet.Kann mir jemand helfen???[/quote] Selektoren wie „#mainNavigation ul li [color=#FF0000]a#Schuhe[/color]“ gibt es nicht… Damit selektiert man einen Link mit ‚id=„Schuhe“‘…

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 11:29 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/9 "2010-11-18T11:29:29Z")

</div>

Wie könnte das dann richtig aussehen??? Hab das bei [www.mabito.com](http://www.mabito.com) abgeschaut.Die haben so ein Menü,bloß das ich das Ausklappen nicht brauch.Die haben das in Ihrer css auch so??? Hilfe

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 13:07 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/10 "2010-11-18T13:07:04Z")

</div>

Bin jetzt etwas weiter gekommen.Hab mein categories\_top folgendermaßen erweitert

- [{se name=‘IndexLinkHome’}Home{/se}]({url controller=‘index’} “{s name=‘IndexLinkHome’}{/s}”)  
{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop} - [{$sCategory.description}]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} “{$sCategory.description}”)  
{/if} {/foreach}  
Jetzt werden mir die Grafiken der Hauptkategorien angezeigt und beim Drüberfahren kommt mein Rolloverbild wie gewünscht, aber: -die Grafik der activen Kategorie wird nicht angezeigt -der Home Button wird garnicht angezeigt ???

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [18. November 2010 um 13:15 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/11 "2010-11-18T13:15:52Z")

</div>

Geht das bei CSS, dass man mehrere ID für ein Element vergibt? `id="active {$sCategory.ac\_attr1}" ` Also bei class geht es, aber bei der ID bin ich mir nicht sicher. Evtl. ist da der Fehler.

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 13:32 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/12 "2010-11-18T13:32:48Z")

</div>

keine Ahnung,weiß denn niemand wie die categories\_top aussehen muss,das mir da die Grafiken aus meiner css korrekt angezeigt werden,auch bei active und rollover und first(home)??? ☹ :wtf: 😢

---

<div class="post-metadata">

**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\
**Post date:** [18. November 2010 um 13:37 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/13 "2010-11-18T13:37:09Z")

</div>

[quote=“ottscho”]Geht das bei CSS, dass man mehrere ID für ein Element vergibt? `id="active {$sCategory.ac\_attr1}" ` Also bei class geht es, aber bei der ID bin ich mir nicht sicher. Evtl. ist da der Fehler.[/quote] Nein, die IDs müssen eindeutig sein

---

<div class="post-metadata">

**Author:** ![Snooops](https://avatars.discourse-cdn.com/v4/letter/s/7feea3/32.png) [@Snooops](https://forum.shopware.com/u/Snooops)\
**Post date:** [18. November 2010 um 14:01 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/14 "2010-11-18T14:01:45Z")

</div>

Das ID Attribut erwartet einen einmaligen wert. Das heisst das was bei id="" steht darf im gesamten HTML nur einmal vorkommen. Bei class="" darf es öfter vorkommen. die Notation im CSS ist für id="": a#foo { } und für class="": a.foo { } Wenn deine Kategorienamen nicht aus mehreren Wörtern bestehen kansnt Du es so lösen: [code]

- [{se name=‘IndexLinkHome’}Home{/se}]({url controller=‘index’} “{s name=‘IndexLinkHome’}{/s}”)  
{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop} - [{$sCategory.description}]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} “{$sCategory.description}”)  
{/if} {/foreach}[/code] Das entscheidende ist das hier im class="" vom link: {$sCategory.description} Wenn Du es mit dem Kategorieattribut machst dann so: [code]
- [{se name=‘IndexLinkHome’}Home{/se}]({url controller=‘index’} “{s name=‘IndexLinkHome’}{/s}”)  
{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop} - [{$sCategory.description}]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} “{$sCategory.description}”)  
{/if} {/foreach}[/code] Die CSS könnte dann so aussehen: ` a.Schuhe{ background-image: url("../images/icons/warenkorb\_voll.png"); background-repeat: no-repeat; } ` Gruß, der Snooops

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 14:25 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/15 "2010-11-18T14:25:58Z")

</div>

Das geht so nicht,es passiert gar nichts.Hab ich was vergessen???

---

<div class="post-metadata">

**Author:** ![Snooops](https://avatars.discourse-cdn.com/v4/letter/s/7feea3/32.png) [@Snooops](https://forum.shopware.com/u/Snooops)\
**Post date:** [18. November 2010 um 14:30 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/16 "2010-11-18T14:30:57Z")

</div>

Kann nicht sein, dann hast Du etwas falsch gemacht. Überprüf mal im FireBug (firefox addon) Ob die CSS für das element geladen wird, oder im Quelltext was im Link (also im a tag) in class="" steht. Wir brauchen mehr Informationen von Dir, denn so wird das nichts. Und falls das ganze Homepage Thema für dich neu ist, ist Shopware definitiv nicht der Anfang, sondern [SelfHTML](http://de.selfhtml.org/). Gruß der Snooops

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 15:07 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/17 "2010-11-18T15:07:17Z")

</div>

OK,hier mal eine Übersicht [color=blue]Mein categories\_top sieht so aus[/color]

- [{se name=‚IndexLinkHome‘}Home{/se}]({url controller=‚index‘} „{s name=‚IndexLinkHome‘}{/s}“)  
{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop} - [{$sCategory.description}]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} „{$sCategory.description}“)  
{/if} {/foreach}  
[color=blue]Der css Teil sieht so aus[/color] #navigation ul li a.neu { background:url("…/images/buttons/nav03.png") no-repeat scroll 0 0 transparent; height:44px; padding:0; text-indent:-999em; width:57px; } #navigation ul li a.neu.active { background:url("…/images/buttons/nav03.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:57px; } #navigation ul li a.neu:hover { background:url("…/images/buttons/nav03.png") no-repeat scroll 0 -44px transparent; height:44px; padding:0; text-indent:-999em; width:57px; } [color=blue]Ausgegeben wird folgender Code[/color]

- [Home](http://localhost/ "Home")

- [neu](http://localhost/neu "neu")

- [girls](http://localhost/cat/index/sCategory/2153 "girls")

- [boys](http://localhost/boys "boys")

- [merchandise](http://localhost/merchandise "merchandise")

- [marken](http://localhost/marken "marken")

- [basics](http://localhost/basics "basics")

- [schuhe](http://localhost/schuhe "schuhe")

- [accessoires](http://localhost/accessoires "accessoires")

So funktioniert es fast Alle Kategoriegrafiken werden angezeigt,auch rollover und die aktive. Nur der Home Button bleibt leer,keine Reaktion. Hängt das mit der class="first zusammen?Kommt da noch seperat was in die css? Bei mir ist HOME auch komplett groß geschrieben.Vielleicht muss ich das ändern.

---

<div class="post-metadata">

**Author:** ![Snooops](https://avatars.discourse-cdn.com/v4/letter/s/7feea3/32.png) [@Snooops](https://forum.shopware.com/u/Snooops)\
**Post date:** [18. November 2010 um 15:10 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/18 "2010-11-18T15:10:22Z")

</div>

Guck mal das fettgedruckte, das muss noch da rein 😉 Und dann in der CSS wieder #navigation ul li a.home { foo:bar; }

- [{se name=‘IndexLinkHome’}Home{/se}]({url controller=‘index’} “{s name=‘IndexLinkHome’}{/s}”)  
{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop}- [{$sCategory.description}]({if $sCategory.external}{$sCategory.external}{else}{$sCategory.link|rewrite:$sCategory.description}{/if} “{$sCategory.description}”)  
{/if} {/foreach}

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [18. November 2010 um 15:20 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/19 "2010-11-18T15:20:48Z")

</div>

Hey Snooops,jetzt klappts wunderbar.aber wie meinst du das mit #navigation ul li a.home { foo:bar; } Gruß

---

<div class="post-metadata">

**Author:** ![Snooops](https://avatars.discourse-cdn.com/v4/letter/s/7feea3/32.png) [@Snooops](https://forum.shopware.com/u/Snooops)\
**Post date:** [18. November 2010 um 15:53 UTC](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727/20 "2010-11-18T15:53:14Z")

</div>

Super 😉 foo bar sind einfach sinnlose Worte um klar zu machen dass das man anstelle dieser Worte dort machen kann was man auch immer möchte 😉 Wenn ich dir gut geholfen habe,kannste ja den Danken Knopf drücken 😉 Gruß der Snooops

[Nächste Seite](https://forum.shopware.com/t/rollover-hauptmenu-mit-grafiken/727.md?page=2)
