Auf Thema antworten 2026

Beitrag

<blockquote data-quote="hub" data-source="post: 2572920">Moin moin, sorry - war halt nur ein Lösungsansatz. Von deiner Art der Zuweisung solltest du dich trennen, wenn es flexibel werden soll und du auf eine Javascript-Steuerung verzichten willst.Der wesentliche Teil nochmal mit einem Beispiel für Home:[code=CSS]&nbsp; &nbsp; /* für alle li im menu */.nav li {&nbsp; &nbsp; &nbsp; float: left;&nbsp; &nbsp; &nbsp; padding-left: 25px;&nbsp; &nbsp; &nbsp; background-position: left top;&nbsp; &nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; &nbsp; background-size: contain;&nbsp; &nbsp; }&nbsp; &nbsp; .nav li:hover {&nbsp; &nbsp; &nbsp; background-position: left top;&nbsp; &nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; &nbsp; background-size: contain;&nbsp; &nbsp; }/* für class=&quot;home&quot; im menu, die beiden also für jeden menu eintrag mit den entsprechenden bildern für jedes menu-element */&nbsp; &nbsp; .nav li.home {&nbsp; &nbsp; &nbsp; &nbsp; background-image: url(test.png);&nbsp; &nbsp; }&nbsp; &nbsp; .nav li.home:hover {&nbsp; &nbsp; &nbsp; &nbsp; background-image: url(test-hover.png);&nbsp; &nbsp; }&nbsp; /* hier wiederholt sich das für die anderen Einträge deines Menüs */[/code]Gruß Ulli</blockquote>

[QUOTE="hub, post: 2572920"] Moin moin, sorry - war halt nur ein Lösungsansatz. Von deiner Art der Zuweisung solltest du dich trennen, wenn es flexibel werden soll und du auf eine Javascript-Steuerung verzichten willst. Der wesentliche Teil nochmal mit einem Beispiel für Home: [code=CSS] /* für alle li im menu */ .nav li { float: left; padding-left: 25px; background-position: left top; background-repeat: no-repeat; background-size: contain; } .nav li:hover { background-position: left top; background-repeat: no-repeat; background-size: contain; } /* für class="home" im menu, die beiden also für jeden menu eintrag mit den entsprechenden bildern für jedes menu-element */ .nav li.home { background-image: url(test.png); } .nav li.home:hover { background-image: url(test-hover.png); } /* hier wiederholt sich das für die anderen Einträge deines Menüs */ [/code] Gruß Ulli [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?