Position der TOP-Menuleiste

[gero01]

Hallo CSS-Spezies,

Möchte die neue TOP-Menüleiste II in der Höhhe korrigieren.
als blödes Beispiel hier ein Wettbewerbslink
ganz oben im Header schließt die Schrift mit der Logografik in einer Linie ab.
Das gelingt mir einfach nicht.
Nachfolgend die Code-Auszüge

index.html:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<div id="wrap">
<div id="header">
<div id="logo"><a href="{$index}"><img src="{$tpl_path}img/spacer.gif" width="180" height="80" alt="{$store_name}" /></a></div>
<div id="topmenuwrap">
<ul id="topmenu_01">
<li><a href="{$index}">{#link_index#}</a></li>
<li><a href="http://www.wero-werkzeuge.de/products_new.php">Neuheiten</a></li>
<li><a href="http://www.wero-werkzeuge.de/specials.php">Angebote</a></li>
<li><a href="http://www.wero-werkzeuge.de/newsletter.php">Newsletter</a></li>
            {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
           {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}            

            {/if}
            <li><a href="{$checkout}">{#link_checkout#}</a></li>
           {if $smarty.session.customer_id}
            <li><a href="{$logoff}">{#link_logoff#}</a></li>
           {else}
            <li><a href="{$login}">{#link_login#}</a></li>
           <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>
           {/if}
        </ul>
</div>
 

stylesheet.css

Code: CSS  [Auswählen]

/* TOPMENU AS LIST */

/*#topmenuwrap {

        background: #333 url(img/bg_topmenu.gif) repeat-x;

} */

   #topmenu_01 {
    position:relative;
    top:0px;
    left:0px;
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
    height:36px;
    font-size:13px;
    /*background: url(img/bg_topmenu.gif) repeat-x;*/
}

#topmenu_01 li {
        height:30px;
        float:left;
        padding: 0px 10px 0px 10px;
        margin:0;
    /*background: url(img/bg_topmenu_breakline.gif) no-repeat;
    background-position:right; */

}

#topmenu_01 a, #topmenu_01 a:link, #topmenu_01 a:visited, #topmenu_01 a:hover, #topmenu_01 a:active {
        line-height:36px;
        vertical-align:top;
        text-decoration:none;
        outline: none;
        font-weight:bold;
        cursor:pointer;
        color:#666;
        margin:0;
        padding:0;
        z-index: inherit;
}

#topmenu_01 a:hover {
        color:#C60;
}

#topmenu_02 {
        float:left;
        padding:0;
        margin:0;
        list-style-type:none;
        height:36px;
        font-size:13px;
}
 

Vielen Dank
Gerd



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

[Tomcraft]

Statt des Links zum Mitbewerber hättest du uns mal den Link zu deiner Baustelle geben sollen.

Grüße

Torsten

[gero01]

schau mal, hab ich vergessen aus der index zu löschen....

[Tomcraft]

Gib dem "#topmenu_01" einfach ein "margin-top" von "-14px".

Code: CSS  [Auswählen]

   #topmenu_01 {
    position:relative;
    top:0px;
    left:0px;
    float:left;
    padding:0;
    margin-top:-14px;
    list-style-type:none;
    height:36px;
    font-size:13px;
    /*background: url(img/bg_topmenu.gif) repeat-x;*/
}
 

Grüße

Torsten