Hallo Gemeinde.
Ich möchte gerade ein Design, welches ich bekommen habe WP ready machen. Nun ist es so das, das Menü für die Seiten wie folgt ausschaut
HTML
<div id="header">
<span id="slogan"> Mein Slogan...</span>
<ul>
<li id="current"><a href="index.html"><span>Home</span></a></li>
<li><a href="index.html"><span>Archives</span></a></li>
<li><a href="index.html"><span>Downloads</span></a></li>
<li><a href="index.html"><span>Services</span></a></li>
<li><a href="index.html"><span>Support</span></a></li>
<li><a href="index.html"><span>About</span></a></li>
</ul>
</div>
Alles anzeigen
IM css File steht
Code
#header ul {
position: absolute;
margin:0;
list-style:none;
right:-18px ; bottom: 3px;
font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
display:inline;
margin:0; padding:0;
}
#header a {
float:left;
background: url(tableft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#header a span {
float:left;
display:block;
background: url(tabright.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
color:#FFF;
}
#header a:hover {
background-position:0% -42px;
}
#header a:hover span {
background-position:100% -42px;
}
#header #current a {
background-position:0% -42px;
}
#header #current a span {
background-position:100% -42px;
}
Alles anzeigen
ich habe jetzt schon geschaut ads ich die class
einfach bei den dementsprecheden mit dran hänge.
Ich sehe 2 lösungmöglichkeiten
1. ich bekomme es hin das die ausgabe von wp_list_pages() mir zwischen dem LI und dem A-Tag ein Span setze
oder
2. ich das CSS File richtig hinbekomme
Ich bitte um lösungsvorschläge
danke