View Full Version : Position of search engine
Evadb
02-21-2008, 11:33 PM
Hello,
Does anybody know how to move the search form just next to the section names (box_pages), on the right, just like this :
http://img337.imageshack.us/img337/8608/movesearchai3.jpg
It would be useful for me, because I don't have so many sections
Thanks for your help
elderban
02-22-2008, 12:45 AM
I tried to do something similar with the news ticker, but found out that since both items are a separate template file that it was a bit harder to do.
You'd probably have to divide the one bar with the navigation up into a two-column, one row table and put the template for the nav in the left box and the template for the search option in the right box.
But, since the layouts for Vivvo are "table-less", I'm not sure how that will affect things.
Micha
02-22-2008, 09:30 AM
This can be done easily with negative margin property.
Basically you'll have to specify the width of your search box (for example 300px), and then shift that box with negative margin (i.e. margin-top: -50px).
Other solution would be to combine relative/absolute positioning, but that can be a little tricky because in most cases you would have to hack Internet Explorer to get it right.
Another solution would be that you make container for your DHTML menu and search box, and position search box using float: right property.
There are numerous ways to do this with CSS only or CSS and template customizations.
Evadb
02-22-2008, 09:39 AM
Well, I tried many solutions (with div and table) none is working correctly :mad:
It's normal, I'm so bad with CSS :rolleyes:
But I'm sure there must be a way to do that
Evadb
02-22-2008, 11:25 AM
Thanks Micha. It works fine with
.search {
padding: 6px;
text-align: right;
width: 400px;
margin-top: -33px;
float: right;
}
Always so easy when you know :)
Eva
vBulletin® v3.8.4, Copyright ©2000-2012, Jelsoft Enterprises Ltd.