verschiedene Bilder mit .current_page_item

Hallo Leute,

Ich hab ein kleines Problem. Vielleicht könnt ihr mir helfen.
Ich hab eine Navi mit 4 Buttons. Ich möchte das jedes Button ein anderes Hintergrundbild bekommt bei aktivem und inaktivem Link. Letzteres hab ich hinbekommen und zwar mit:

[COLOR=Blue].page-item-63 a {
width: 133px ;
height: 78px ;
text-indent: -900em;
display:block;
}


.page-item-63 {
background-color: transparent;
background-image: url(images/button1a.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}[/COLOR]




[COLOR=Blue].page-item-62 a {
width: 132px ;
height: 78px ;
text-indent: -900em;
display:inline;
}


.page-item-62 {
background-color: transparent;
background-image: url(images/button2a.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}[/COLOR]

Zwecks der länge nur der Code für die ersten 2 Buttons. Jetzt kommt aber das Problem wenn ein Button aktiv ist soll es eben auch ein anderes Hintergrundbild bekommen. Habs versucht mit:

[COLOR=Blue].current_page_item {
background-color: transparent;
background-image: url(images/button2b.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}[/COLOR]

ich kann ja aber [COLOR=Blue].current_page_item [COLOR=Black]keine id mitgeben wie bei[/COLOR] [/COLOR][COLOR=Blue].page-item-62 [COLOR=Black], so hat jetzt leider jedes aktive Button den gleichen Hintergrund.:confused:

Ich hoffe, dass mir jemand bei meinem Problem helfen kann.

Danke schon mal :-D
[/COLOR][/COLOR]

Das mit dem kombinieren hatte ich mir auch schon überlegt das klappt aber leider nicht, versteh ich echt net. :-(

Also sowas. lol :mrgreen: Jetzt bin ich auf blöd drauf gekommen. Das mit dem kombinieren klappt natürlich aber es darf zwischen

.page-item-62. und current_page_item kein Leerzeichen sein also so.

.page-item-62.current_page_item {
...}

Das muss mir mal einer erklären. :-?

Danke für die Hilfe, übrigens der Post von tschramm ist auf jeden Fall auch ein super Denkanstoß vielleicht kombiniere ich beide Sachen.

Cu Henna

ja stimmt der ignogiert .current_page_item mal komplett. Jetzt hätt ich halt noch ne kleine Frage. Ich erzeuge ja die Navi mit [COLOR=Blue]wp_list_pages [COLOR=Black]da krieg ich ja dann so nen code.

[/COLOR][/COLOR]<li class="page_item current_page_item">
[the current page]
</li>
<li class="page_item">
[another page]
</li>

Wo kann ich die ausgabe so ändern, dass er mir die Klasse als id ausgibt? Also so.

<li [COLOR=Black]class[/COLOR]="page_item current_page_item">
[the current page]
</li>
<li [COLOR=Red]id[/COLOR]="page_item">
[another page]
</li>

Grüßle Henna

cool genau das hab ich gesucht.

Naja wenn die Seite steht dann poste ich die mal, ob alles geklappt hat. Die gibts leider momentan nur lokal auf dem xampp.

Danke für die Hilfe. :-D

Grüßle Henna