Suche im Topmenu

[Randale]

Hallo Leutz,
irgend wie schaffe ich es nicht die Suche in mein Top-Menu zu integrieren.
Ich bekomme Sie zwar angezeigt, Sie verändert aber leider meine Hintergrundgrafik des Top-Menus.
Ich habe das Stylesheet soweit abgeändert so das die Es die Unterklasse Topmenu Search hat und es in der index.html hinter dem topmenu als eigener div steht.
Jemand ne Idee?

Gruß

Code: CSS  [Auswählen]

#search {
        background: url(img/topmenuround.jpg) no-repeat;
        color:#FFFFFF;
        float:right;
        height:35px;
        padding:0px 0 0 0px;
        width:0;
}
 

Code: PHP  [Auswählen]

 <div id="topmenuwrap">
        <ul id="topmenu">
                <li><a href="{$index}">{#link_index#}</a></li>
           <li><a href="{$cart}">{#link_cart#}</a></li>
           {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
           {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}
            <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>
           {/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>
           {/if}
        </ul>
       <!-- <div id="languages">{$box_LANGUAGES}</div>-->
       <div id="search">{$box_SEARCH}</div>
    </div>
 

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

[koshiro]

Hallo,
schau mal hier: ANLEITUNG: Suchfeld ins Top-Menü verschieben
Gruß
Micha

[Shoryuken]

Will kein neues Thema aufmachen, daher stell ich meine Frage mal hier:

Ich will im Topmenu meine Buttons gerne mittig setzen, aber im CSS ist es als float:left angegeben, da weiss ich keine CSS Lösung um es umzusetzen (mittig und nicht linksbündig).  

Gruß Ken

[franky_n]

Hallo Shoryuken,

gib mal

Code: CSS  [Auswählen]

text-align: center;

im CSS an.

Viele Grüße

Franky

[Shoryuken]

Hi Franky,

wenn ich das "float:left" mit "text-align: center;" ersetze, macht der leider einen Absatz ins Template.

Gruß Ken

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[franky_n]

Hi Shoryuken,

habe ich gesagt, dass Du das "float: left;" löschen sollst?
Ich lese es gerade nicht!

Viele Grüße

Franky

[Shoryuken]

Whoops, dachte es muss weg.  

Hab das "text-align: center;" direkt unter das "float:left" gepackt, leider keine Änderung.

Gruß Ken

[franky_n]

Hi SHoryuken,

ersetze mal das

Code: PHP  [Auswählen]

float:left;

durch

Code: PHP  [Auswählen]

diplay: inline;

Viele Grüße

Franky

[Shoryuken]

Hi,

bekomme wieder den Absatz.  

Gruß Ken

[franky_n]

Hi Shoryuken,

müsste ich wenn dann sehen.
Hast Du nen Link?
Oder zumindest den Teilbereich um den es geht... inkl. der divs drüber und drunter?

Viele Grüße

Franky

[Shoryuken]

Hi Franky,

hab hier den Quellcode - hoffe es hilft weiter.

Code: PHP  [Auswählen]

   <div id="header">
        <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div>
        <div id="search">{$box_SEARCH}</div>
    </div>
<div id="wrap">
    <div id="topmenuwrap">
        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
           <li><a href="{$cart}">{#link_cart#}</a></li>
           {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
           {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}
            <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>
           {/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>
           {/if}
        </ul>
        <div id="languages">{$box_LANGUAGES}</div>
    </div>
    <div id="breadcrumb">{$navtrail}</div>

Gruß Ken

[franky_n]

Hallo Shoryuken,

am einfachsten ist es so in der CSS zu machen:

Code: CSS  [Auswählen]

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

wobei das left: 130px; verändert werden kann so das es in der Mitte steht.

Viele Grüße

Franky

[Shoryuken]

Hat geklappt, Danke!  

Gruß Ken

[Thomas]

Das funktioniert, allerdings fehlt dann links bei Startseite noch ein Balken

[franky_n]

Hallo Thomas,

dann macht man es halt so:

Code: CSS  [Auswählen]

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

Viele Grüße

Franky