Flyoutmenu kleines Layout Problem

[marcel-k]

Abend, ich habe mir das Dropdown-Menu hier rein gebastelt: ANLEITUNG: Horizontal aufklappendes Kategorie-Menü

hat soweit alles geklappt, nur liegen jetzt die Kategorien alle linksbündig, ich hätte die gesamte Reiternavigation gerne mittig! ich meine nicht central, sondern eher den Befehl width: 100% ... damit die Kategorien egal wieviel und welche Monitorauflösung immer schön mittig bleiben ...

weiß aber nicht wohin, und bin gerade mit meinem Latein am Ende ... hier die CSS:

Code: CSS  [Auswählen]

/* Zusätzlicher Style für Sub-Navi-Box */

#TopCats li {
float:center;
list-style-type:none;
width:auto;
height:32px
text-align:center;
color:#FFFFFF;
background-color:#CCCCCC;
}
#TopCats{
background:#CCCCCC;
position:absolute;
}

#TopCats ul a:hover{
background-color:#FFFFFF;}

.CatLevel1 li {
background-color:#990000;
border:1px solid #000000;
padding:3px;
width: 152px;
height: 20px;
}

/* Zusätzlicher Style für Sub-Navi-Box */
 

Grüße, Marcel

Nachtag:

vielleicht besser ausgedrückt = so dass die Tabelle immer ausgefüllt ist mit den Kategorien  ...



Linkback: https://www.modified-shop.org/forum/index.php?topic=5216.0

[xtc-template.net]

Hi,

float:center; gibt es nicht, benutze dafür float:left;

Danach gibst du dem ul der Navigation einfach eine margin-left

Anders ist dies nicht zu realisieren.

[marcel-k]

sorry, ich habe jetzt wirklich alle Varianten ausprobiert, ich kriege deine Anweisung nicht umgesetzt ... aus float:center = float:left zumachen, war kein Problem ...

ich verstehe aber nicht was du meinst mit

Danach gibst du dem ul der Navigation einfach eine margin-left

wo genau ?

in dem was ich vorhin gepostet habe oder hier oder überhaupt in der stylesheet.css ?

Code: CSS  [Auswählen]

/* TOPMENU AS LIST */
#topnaviwrap {
        background: #333 url(img/bg_topmenu.gif) repeat-x; margin-left;
}
#topnavi {
        float:left;
        padding:0;
        margin:0;
        list-style-type:none;
        height:36px;
        font-size:13px;
        background: url(img/bg_topmenu.gif) repeat-x;
}
#topnavi li {
        height:36px;
        float:left;
        padding: 0px 25px;
        margin:0;
        list-style-type:none;
        background: url(img/bg_topmenu_breakline.gif) no-repeat;
        background-position:right;
}
#topnavi a, #topnavi a:link, #topnavi a:visited, #topnavi a:hover, #topnavi a:active {
        line-height:36px;
        vertical-align:middle;
        text-decoration:none;
        font-weight:bold;
        cursor:pointer;
        color:#fff;
        margin:0;
        padding:0;
}
#topmenu a:hover {
        color:#ccc;

[xtc-template.net]

Hi,

deine Navigation besteht doch aus einem <ul> und mehreren <li> elementen.

Am besten, du sendest uns mal deine URL die es betrifft.

[marcel-k]

Testshop

soll so ausgefüllt sein wie hier (betrifft nur die obere Navigation):

Shop...

habe über firebug (fast) alles ausprobiert in der stylesheet.css , ich hab einfach kein Glück und treff´s nicht ...

ich bin einer von den Halbwissenden hier im Forum, einiges klappt sofort und der Rest halt net ... oje, freu mich auf Antwort von Dir ... grüße

[xtc-template.net]

Hi

in der stylesheet.css Zeile 1185:

Code: CSS  [Auswählen]

#TopCats li {
background-color:#CCCCCC;
color:#FFFFFF;
float:left;
list-style-type:none;
text-align:center;
width:195px;
}
 

und extra noch hinzufügen:

Code: CSS  [Auswählen]

#TopCats li li {
width: 152px;
}
 

[marcel-k]

ojemine ... danke danke und nochmals danke !!! Endlich ...

Ich bin ein bissl unter Druck, da ich den Shop Anfang nächster Woche Online stellen wollte (dazu bitte jetzt kein Kommentar   )

ich sage einfach mal, dann bis später