08.01.2012, 19:23
|
|||
|
|||
[gelöst] Breadcrumbs - Hintergrundbilder aktiv/inaktiv
Hallo,
ich hab folgendes Problem, und zwar versuche ich bei einem Breadcrumbs-Menü den einzelnen Elementen einen Pfeil nach rechts als Hintergrundbild zu geben. Mein Problem ist jetzt nun, daß wenn das letzte Menüelement angeklickt ist, der Hintergrund der ersten beiden nicht mehr stimmt. die Hintergrundelemente (Pfeile) haben die Zustände: 1. von aktivem zu inaktivem 2. von inaktivem zu aktivem 3. von inaktivem zu inaktivem die klasse ".active" wird mit JS gesetzt den momentanen Stand könnt ihr hier anschauen: test hat jemand eine Idee, wie man das Lösen kann, oder eventuell einen Link zu einem ähnlichem Menü? vielen Dank schon mal, j Geändert von sharkbait (08.01.2012 um 20:47 Uhr) 
|
| Sponsored Links |
|
08.01.2012, 20:34
|
||||
|
||||
|
Wenn ich das Problem richtig verstanden habe, dann müsste folgendes richtig sein:
Code:
ul li.page-ctrl {
background: url("NavNotCurrent.jpg") no-repeat scroll left 0 #A8C8DE;
}
ul li.page-ctrl.active {
background-color: #579CCD;
background-image: url("NavToCurrent.jpg");
}
ul li.page-ctrl.active + li {
background-image: url("NavCurrent.jpg");
}
ul li.page-ctrl.first {
background-image: none !important;
}
Ich habe das Hintergrundbild links angeordnet, damit man mit dem Nachbar-Selektor arbeiten kann. "NavCurrent.jpg" wäre jetzt sinnigerweise ein "NavFromCurrent.jpg". 
|
| Sponsored Links |
 |
| Stichwörter |
| breadcrumbs, menü |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| zwei hintergrundbilder? | pino.bonbon | CSS | 9 | 15.01.2009 19:31 |
| hintergrundbilder über externes css einbinden? | tifi | CSS | 4 | 20.11.2006 12:50 |
| IE zeigt Hintergrundbild(er) nicht ganz an... | nueffl | CSS | 5 | 30.06.2006 12:19 |
| Im body zwei Hintergrundbilder nebeneinander? | xm22 | CSS | 7 | 19.03.2006 14:02 |
| mozilla druckt Hintergrundbilder verkleinert aus- warum? | annie | CSS | 1 | 09.03.2006 12:09 |
Linear-Darstellung
