Problem mit Navigation

d.raphelt

Hallo, bin der Neue komm jetzt öffters^^

Ich habe da ein Problem mit meiner Navi-Leiste. und zwar wenn ich in der Style.css unter Menü die Leiste Centern möchte via

Zitat

margin-left: 140px

kann ich im Anschluss die Dropdowns nicht mehr anklicken siehe Bilder:
So Soll es Sein (nur in Center):

So ist es mit margin-left: 140px (wobei es noch nich ganz mittig is :p)

Auszug aus der Style.css:

PHP

/* =Menu
-------------------------------------------------------------- */


#header-menu {
    background: url (images/menu1.png) no-repeat top center;
    <!-- border-top:1px solid #000;
    -->
    width: 100%;
}


.menu-top {
    padding-top: 15px;
}


#access {
    background: <!-- #222 --> ;
    display: block;
    margin: 0 auto;
    width: 900px;
    height:37px;
}
#access .menu-header {
    border-bottom:10px solid <!-- #000 -->;
}
#access .menu-header,
div.menu {
    background:  url(images/menu1.png) no-repeat top left;
    display:inline;
    float:left;
    font-size: 13px;
    width: 100%;
}
#access hr {
    float:none;
    clear:both;
}
#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin-left: 140px /* margin: 0; */
}
#access .menu-header li,
div.menu li {
    float: left;
    position: relative;
}
#access a {
    
    color: #09f; /* schrift inaktiver seiten */
    display: block;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
}
#access ul ul {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
}
#access ul ul li {
    min-width: 180px;
}
#access ul ul ul {
    left: 50%;
    top: 0;
}
#access ul ul a {
    background: ;
    color: #09f; /* farbe schrift Unterkategorie */
    line-height: 1em;
    padding: 10px;
    width: 160px; /* breite der Markirungen */
    height: auto;
}


#access ul ul :hover > a {
    background: #333 ; /* Farbe unterkategorie */
    border-radius: 5px; 
    -webkit-radius: 5px; 
    -moz-border-radius: 5px; 
    color: #09f; /* schrift farbe unterkategorie Mouse over */
}
#access li:hover > a {
    background: Transparent; /* Mouse over */
    color: #09f;
}
#access ul li:hover > ul {
    background: Transparent url(images/menu2.png);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; 
    border-bottom-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; 
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topright: 5px; 
    -moz-border-radius-bottomright: 5px; 
    -moz-border-radius-bottomleft: 5px; 
    display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #fff; /* Farbe Aktiver Kategorie */
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #09f;
}


#search-form {
    border-bottom-right-radius: 5px; 
    border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px; 
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-bottomright: 5px; 
    -moz-border-radius-bottomleft: 5px; 
    float:right;
    height: 38pxpx;
    padding:6px;
}
#searchform #s {
    background:url(images/search-bg.png) no-repeat; -1px -1px;
    border:0;
    font-size:14px;
    line-height:26px;
    padding: 1px 10px 0 30px;
    width:160px;
    height: 25px;
}
#searchform #searchsubmit {
    display:none;
}








/* =Navigation
-------------------------------------------------------------- */


.navigation {
    background: #222;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #888;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    padding: 10px;
}
.navigation a:link,
.navigation a:visited {
    color: #fff;
    text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
    color: #f1f1f1;
}
.nav-previous {
    float: left;
    width: 40%;
}
.nav-next {
    float: right;
    text-align: center;
    width: 40%;
}
#nav-above {
    margin-left: 140px /* margin: 0 0 18px 0; */
}
.paged #nav-above,
.single #nav-above {
    display: block;
}
#nav-below {
    margin: 18px 0 0 0;
}

Alles anzeigen

Ich hoffe ihr könnt mir helfen, meine Freundin will schon mit NoF anfangen, also es eilt :lol:

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

d.raphelt

***push***

gericoach

Link!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Und btw.: Lass die Pusherei, das geht böse nach hinten los. Solange Du nicht echte informationen zu übermitteln wie Link, WP Version, verwendetes Theme usw. wird sich niemand damit befassen.

g3h

Hi,
vielleicht mal margin-left: 140px; weglassen (bzw. wieder auf Standardwert) und statt dessen unter access noch text-align: center; einfügen:

Code

[COLOR=#000000][COLOR=#FF8000]#access {
    [/COLOR][COLOR=#0000BB]background[/COLOR][COLOR=#007700]: <!-- [/COLOR][COLOR=#FF8000]#222 --> ;
    [/COLOR][COLOR=#0000BB]display[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]block[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]margin[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]0 auto[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]width[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000BB]900px[/COLOR][COLOR=#007700];
    [/COLOR][COLOR=#0000BB]height[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000BB]37px[/COLOR][COLOR=#007700];
[/COLOR][/COLOR]    [COLOR=#0000cd]text-align: center;[/COLOR]
[COLOR=#000000][COLOR=#007700]}[/COLOR][/COLOR]

MfG

d.raphelt

[h=4]Version: wordpress-3.6-de_DE

Theme: Distinction[/h]

Von James Laws / Kevin Stover
Version 1.2

Link keiner vorhanden da ich es z.Z. noch auf Localhost bearbeite.

Zitat

Hi,
vielleicht mal margin-left: 140px; weglassen (bzw. wieder auf Standardwert) und statt dessen unter access noch text-align: center; einfügen:

habe ich ausprobiert, bringt keine veränderung. (mehr gesabt wenn ich das Margin-left: 140px raus nehme ist alles wieder Links bündig wie auf bild 1)

g3h

[COLOR=#000000]Versuch mal folgende Änderung:

[/COLOR]

Code

#access {
    background: #222;
    display: block;
    margin: 0 auto;
    width: 900px;
    height:38px;
[COLOR=#0000ff]    text-align:center;
    line-height:0;[/COLOR]
}


[COLOR=#0000ff]#access ul {
    display:inline-block
}[/COLOR]

Alles anzeigen

[COLOR=#000000]

MfG
[/COLOR]

gericoach

haste auch nen link zur themedemo?

d.raphelt

g3h: thx, das war mir ne grosse hilfe. Hat geklappt!

@ gericoach: falls du dir das theme trotz alle dem mal angucken möchtest:

http://wordpress.org/themes/distinction

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem mit Navigation

Jetzt mitmachen!