WebSite X5Help Center

 
Sander V.
Sander V.
User

Search Box In Menu Bar  en

Autore: Sander V.
Visite 3020, Followers 2, Condiviso 37  
Parole Chiave: menu,searchbox

Hello,

In version 8 I had a search box next to the menu. But now the menu is separate from the header this no longer works.

Is there a way to fix this? I've added a picture as an axample.

Best Regards,

Sander

Postato il
11 RISPOSTE - 1 UTILE - 1 CORRETTO
Luca S.
Luca S.
User

Hello,

Have you try to setting an margin vertical on the menu? You should remove the menù and maybe, you can try to reinsert the menu from past 4 on the style menu of your project.

Leggi di più
Postato il da Luca S.
Sander V.
Sander V.
User
Autore
Luca S.
Hello, Have you try to setting an margin vertical on the menu? You should remove the menù and maybe, you can try to reinsert the menu from past 4 on the style menu of your project.

Hello Luca,

So you mean I should bring the menu more up in the header? Isn't it better to bring the search box down? Otherwise the complete design of the site is gone.

Do you mean with reinsert the background of the menu? I did that already. How can you remove the menu and than reinsert it?

Regards,

Sander

Leggi di più
Postato il da Sander V.
Luca S.
Luca S.
User

Hello,

The quickest wayis tomove thesearch enginein higher anddisalignedfrom the menu.

You can not movethe menu withoutchanging completely in menù horizontally orvertically.

Leggi di più
Postato il da Luca S.
Sander V.
Sander V.
User
Autore

I don't understand. What do you mean by moving the search engine in higher and disaligned from the menu?

I want the search box next to the menu not in the header. Is there no other way?

I've seen in the code, when I move the line:

<divstyle="position: absolute; top: 109px; left: 827px; width: 145px;"><formid="imSearch_1"action="imsearch.php"method="get"style="white-space: nowrap"><fieldset><inputtype="text"name="search"value=""style="width: 76px; line-height: 21px; font: normal normal normal 8pt Tahoma; color: #926F5C; background-color: #E0E0E0; background-image: url('res/imsearch.png'); background-position: 2px center; background-repeat: no-repeat; padding: 3px 3px 3px 21px; border: 1px solid #926F5C; vertical-align: middle"/><spanonclick="$('#imSearch_1').submit();"style="height: 21px; font: normal normal normal 8pt Tahoma; color: #000000; background-color: #A78674; margin-left: 6px; padding: 3px 6px 3px 6px; border: 1px solid #000000; vertical-align: middle; cursor: pointer;">Zoek</span></fieldset></form></div>

Lower in the source code it works. But how can I automate this on each page?

Leggi di più
Postato il da Sander V.
Luca S.
Luca S.
User

Hello,

Have you try to insert The HTML code in an object HTML code? You should try to insert the HTML code in your object HTML & Widgets. You can't modify the search for each page if you don't created script custom code

Leggi di più
Postato il da Luca S.
Sander V.
Sander V.
User
Autore

That didn't work. I think I need to put it higher in the source code, but I don't want to edit the source each time I change the site.

When I put a html widget in the page the search box is placed in the page content and not in the menu.

Leggi di più
Postato il da Sander V.
Luca S.
Luca S.
User

Hello,

You are correct; you should delete the tag <div> with position absolute and you can copy this HTML code correct:

<form id="imSearch_1" action="imsearch.php" method="get" style="white-space: nowrap"><fieldset><input type="text"name="search" value="" style="width: 76px; line-height: 21px; font: normal normal normal 8pt Tahoma; color: #926F5C; background-color: #E0E0E0; background-image: url('res/imsearch.png'); background-position: 2px center; background-repeat: no-repeat; padding: 3px 3px 3px 21px; border: 1px solid #926F5C; vertical-align: middle" /><span onclick="$('#imSearch_1').submit();" style="height: 21px; font: normal normal normal 8pt Tahoma; color: #000000; background-color: #A78674; margin-left: 6px; padding: 3px 6px 3px 6px; border: 1px solid #000000; vertical-align: middle; cursor: pointer;">Zoek</span></fieldset></form>

in your object HTML code at the step 3.

Leggi di più
Postato il da Luca S.
Sander V.
Sander V.
User
Autore

Ok I understand, but how can I get it into the menu section? Or is that impossible?

Leggi di più
Postato il da Sander V.
Luca S.
Luca S.
User

Hello,

You can't enter in the section of menu but you can insert the HTML code at the step 3 in an object HTML code.

Leggi di più
Postato il da Luca S.
Sander V.
Sander V.
User
Autore

Yes I understand that but I'm but then the searchbox is in de page itself and not in the menu.

Leggi di più
Postato il da Sander V.
Luca S.
Luca S.
User

Hello,

if you want insert the search in the menu, you should create a custom script (for example created in Jquery) but automatically it not possible insert the re-search in the space of the menu.

Leggi di più
Postato il da Luca S.