topmenu mittig aber nun zweizeilig...

[Carsten83]

Hallo,
ich habe mein Topmenu mittig angepasst und habe nun leider eine 2. Zeile ohne Buttons. Diese 2. Zeile soll eigentlich weg allerdings finde ich den Fehler nicht. Benutzt wird das Standart Template und die Shopversion ist v1.06 rev 4642 SP2.
Um das topmenu mittig anzupassen habe ich mich an dem folgenden Beitrag orientiert: https://www.modified-shop.org/forum/index.php?topic=28371.0

Mein Stylesheet sieht in dem Abschnitt wie folgt aus:

Code: CSS  [Auswählen]

/* TOPMENU AS LIST */
#topmenuwrap {
background:#333 url(img/bg_topmenu.gif) repeat-x;
}
#topmenu {text-align:center;
padding:0;
margin:0 auto;
list-style-type:none;
height:36px;
font-size:13px;
background:url(img/bg_topmenu.gif) repeat-x;
}
#topmenu li {zoom: 1; display: inline;
height:36px;
padding:0 25px;
margin:0 auto;
background:url(img/bg_topmenu_breakline.gif) no-repeat;
background-position:right;
}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
line-height:36px;
vertical-align:middle;
text-decoration:none;
outline:none;
font-weight:bold;
cursor:pointer;
color:#00000;
margin:0;
padding:0;
}
#topmenu a:hover {
color:#893769;
}
 

Über eine Hilfe würde ich mich freuen.

Danke im voraus,
Carsten

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

[cplasa]

Mit einem Link zu Deinem Shop kann Dir sicher schnell geholfen werden

Viele Grüße
Christian

[hpzeller]

Hallo Carsten

Wenn Du das unveränderte xtc5 Template verwendest kannst Du das Topmenü folgendermassen zentrieren.

Ersetze in templates/xtc5/styleseeht.css folgenden Code

Code: CSS  [Auswählen]

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

mit diesem Code

Code: CSS  [Auswählen]

/* TOPMENU AS LIST */
#topmenuwrap {
position:relative;
background:#333 url(img/bg_topmenu.gif) repeat-x;
text-align: center;
}
#topmenu {
display: inline-block;
padding:0;
margin:0;
list-style-type:none;
height:36px;
font-size:13px;
background:url(img/bg_topmenu_breakline.gif) no-repeat;
background-position:left;
}
#topmenu li {
height:36px;
float:left;
padding:0 25px;
margin:0;
background:url(img/bg_topmenu_breakline.gif) no-repeat;
background-position:right;
}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
line-height:36px;
vertical-align:middle;
text-decoration:none;
outline:none;
font-weight:bold;
cursor:pointer;
color:#fff;
margin:0;
padding:0;
}
#topmenu a:hover {
color:#ccc;
}
/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages {
position:absolute;
top:0;
right:0;
text-align:right;
height:26px;
font-size:13px;
background:url(img/bg_topmenu.gif) repeat-x;
padding:10px 10px 0 0;
margin:0;
}
/* CONTENT WRAPPER */
 

Gruss
Hanspeter

[Carsten83]

Hallo Hanspeter,
habe Deinen Code nun eingegeben und es passt alles. Vielen Dank für die schnelle Hilfe. Eine Frage habe ich allerdings noch. Bei den senkrechten Abtrennungen / Striche zwischen den Feldern sieht es noch nicht ganz stimmig aus - siehe Anhang. Hast Du eine Ahnung wie ich das anpassen kann? Habe bisher noch nichts passendes in der index vom template gefunden. Entweder einen Strich am Anfang dazufügen oder den letzten weglassen. Nehme ich den letzten raus verschiebt sich auch der letzte Button (Abmelden)!?

Danke + Gruß,
Carsten

Nachtrag: Thema hat sich erledigt. Nach dem leeren des Cache wird alles korrekt angezeigt. Danke nochmal für die Hilfe.