Hallo,
ich habe in meinem Wordpress blog eine Navi. Dort kann ich automatisch neue Menüpunkte hinzufügen. Soweit so gut, das problem ist nur, dass die navi hintergrundsfarbe also der button automatisch eine größe in der CSS eingestellt bekommen hat. Kann man diesen CSS befehl so umformen das sich der Navi hintergrund sich der Menüpunktlänge anpasst? Damit ich platzt in der Navi sparen kann. Dabei sollte aber auch ein kleiner abstand vom anfang und ende des navi hintergrunds haben so dass der Menüpunkt nicht vom navi geschnitten wird. Hier meine Seite:
MSN Nickleri
und Hier der CSS Befehl für alles in der NAVI:
Code:
.pagenav-home {
width: 98px;
height:29px;
list-style-type:none;
padding:0;
margin:0;
display:inline;
}
.pagenav {
list-style-type:none;
}
.pagenav h2 {
display:none;
margin:0;
padding:0;
}
.pagenav ul, .pagenav-home ul {
list-style-type:none;
float:left;
padding:0;
margin:0;
}
.pagenav ul li {
padding:0;
margin:0;
display:inline;
}
.pagenav ul li a, .pagenav-home ul li a {
width:125px;
float: left;
margin-left:2px;
background: #fff url('images/pagemenu-inactive-bg.jpg') top repeat-x;
color:#fff;
text-decoration: none;
text-align:center;
text-transform:uppercase;
font-weight:bold;
}
.pagenav ul li a:hover, .pagenav-home ul li a:hover {
background: #fff url('images/pagemenu-active-bg.jpg') top repeat-x;
color:#de5400;
}
.pagenav ul li.current_page_item a, .pagenav-home ul li.current_page_item a {
background: #fff url('images/pagemenu-active-bg.jpg') top repeat-x;
color:#de5400;
}
.pagenav ul li.current_page_item ul li a {
background: #fff url('images/pagemenu-inactive-bg.jpg') top repeat-x;
color:#fff;
}
.pagenav ul li.current_page_item ul li a:hover {
background: #fff url('images/pagemenu-active-bg.jpg') top repeat-x;
color:#fff;
}
Hauptsächlich gehts soweit ich CSS kenne um den Punkt''.pagenav ul li a, .pagenav-home ul li a '' weil man dort die breite des Button hintergrundes einstellen kann..
Grüße