WebSite X5Help Center

 
Sander V.
Sander V.
User

Search Box In Menu Bar  en

Author: Sander V.
Visited 2691, Followers 2, Shared 37  

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

Posted on the
11 ANSWERS - 1 USEFUL - 1 CORRECT
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.

Read more
Posted on the from Luca S.
Sander V.
Sander V.
User
Author
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

Read more
Posted on the from 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.

Read more
Posted on the from Luca S.
Sander V.
Sander V.
User
Author

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?

Read more
Posted on the from 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

Read more
Posted on the from Luca S.
Sander V.
Sander V.
User
Author

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.

Read more
Posted on the from 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.

Read more
Posted on the from Luca S.
Sander V.
Sander V.
User
Author

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

Read more
Posted on the from 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.

Read more
Posted on the from Luca S.
Sander V.
Sander V.
User
Author

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

Read more
Posted on the from 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.

Read more
Posted on the from Luca S.