zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Wordpress Navi Backround

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.05.2008, 20:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.05.2008
Beiträge: 19
Optimierer befindet sich auf einem aufstrebenden Ast
Standard Wordpress Navi Backround

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.05.2008, 00:48
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 06.10.2007
Ort: Rheinland-Pfalz
Beiträge: 326
darkiop wird schon bald berühmt werden
Standard

Code:
.pagenav ul li a, .pagenav-home ul li a {
width:125px
}
Entferne das width und füge ein padding für die Innen-Abstände Links/Rechts ein.
__________________
Mein Blog | Hier im Forum: FAQ

Viele Grüße, Thorsten
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.05.2008, 11:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.05.2008
Beiträge: 19
Optimierer befindet sich auf einem aufstrebenden Ast
Standard

Danke,

funktioniert.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
grafische Navigation horizontal zentrieren, klappt nicht lila_3 CSS 4 30.11.2010 11:25
Boxen von Navigation und Logo sind zu weit auseinander lila_3 CSS 2 04.09.2009 00:28
IE verschiebt Navi Menü macmensa CSS 7 17.08.2009 17:45
Probleme mit horizontaler Navi rechts lila_3 CSS 2 14.07.2009 22:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:30 Uhr.