Search Box In Menu Bar
Autor: Sander V.
Visited 3085,
Followers 2,
Udostępniony 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
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.
Autor
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
Hello,
The quickest wayis tomove thesearch enginein higher anddisalignedfrom the menu.
You can not movethe menu withoutchanging completely in menù horizontally orvertically.
Autor
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?
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
Autor
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.
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.
Autor
Ok I understand, but how can I get it into the menu section? Or is that impossible?
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.
Autor
Yes I understand that but I'm but then the searchbox is in de page itself and not in the menu.
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.