Moving my search box to below the login area
Hi,
I am trying to move my search bar on the area below my login area. In the div area that has the little house and the text "forum" and I want it to be on the right. I have attached a screen shot of what I mean, it's the one named newsearchbarlocation.
I have found the Search box in the Nav template in my Admin.
<div class="searchBox">
<!-- search form -->
<form method="post" action="search.php?do=process">
<input type="hidden" value="guest" name="securitytoken">
<input type="hidden" value="process" name="do">
<ul>
<li><div class="searchWrap"><input type="text" size="23" onblur="if (this.value == '') this.value = 'Type Here...';" onfocus="if (this.value == 'Type Here...') this.value = '';" value="Type Here..." tabindex="1004" name="query" class="searchinput"></div></li>
<li><input type="image" alt="Submit" value="Search" src="images/styles/DarkCore/style/searchButton-left.png"></li>
</ul>
</form>
<!-- / search form -->
</div>
I have found the area to put it in with also happens to be in NAV template:
<div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight"><div class="bcWrap">
<ul class="floatcontainer">
<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>
{vb:raw navbits.breadcrumb}
{vb:raw navbits.lastelement}
</ul>
<hr />
</div></div></div>
</div>
When I do try to move it to this area I get the result you will see in the attachment: AfterMoving
I tried putting in float right in the CSS and I was able to get the search part of the search box to move to the right. But it is still not inside of the Midbar which is where I want. Also, the magnifying glass with the red background image stays to the left. I floated that right and it shows up before the search box on the other side.
Anyone have advice on how to do this?
|