TwentyTen: Navigation zentrieren ???

hamude

Hallo zusammen,

ich nutze das Twenty Ten Theme 1.1.

Gibts es eine Möglichkeit hier die Navigation zu zentrieren?

Oder die Navi wie im Blocksatz anzuordnen, so das
Ganz links UND ganz recht immer ein Navigationspunkt steht.

Für schnelle Unterstützung danke ich jetzt schon.
Grüße
Hamude

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

mky

Ist in der style.css unter de Punkt /* =Menu

Kannst ein wenig rum spielen mit:

Code

text-align: center; [COLOR=DarkGreen]<-zentrieren[/COLOR]
text-align: justify; [COLOR=DarkGreen]<--Blocksatz[/COLOR]

Oder zum Beispiel:

Code

#access .menu-header,
div.menu {
    font-size: 13px;
    margin-left: 30%;  [COLOR=DarkGreen]<-- verschiebt sich die Navi um x% der Breite (928px)[/COLOR]
    width: 928px;

hamude

Hi danke für die fixe Antwort.

Nur in welche Zeile setze ich das hin?
hab mit firebug schon alles ausprobiet.

http://www.evvk.de/sandra-wolffs

Code

text-align: center; [COLOR=DarkGreen]<-zentrieren[/COLOR]
text-align: justify; [COLOR=DarkGreen]<--Blocksatz[/COLOR]

Grüße

Tutrix

mky, hat dir ja schon den Tip mit der Änderung von "margin-left" gegeben

Code

#access .menu-header, div.menu {
    font-size: 13px;
    margin-left: 12px;
    width: 928px;




}

ändere mal die 12px in 33px (in der style.css)

hamude

Hallo

die Margin-Left anpassen hat sofort funktioniert. Danke dafür.

Wenn aber ein punkt dazu kommt oder wegfällt passt es schon nicht mehr.
Die dynamische Lösung suche ich :)

Tutrix

ändere mal

Code

#access {
 background: #4D0304;
 margin: 0 auto;
 width: 940px;
 display:block;
 float:left;
}

in

Code

#access {
 background: #4D0304;
 margin: 0 auto;
 width: 940px;
 display:block;
 position:absolute;
 text-align:center;
 }
 
 #access ul {
 display:inline-block;
 }

Alles anzeigen

[COLOR=Red]Edit[/COLOR]: das margin-left: 12px; dann entfernen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

TwentyTen: Navigation zentrieren ???

Jetzt mitmachen!