Thank you. Here is what I have so far.
1. I have duplicated the Column Search Control and renamed it to Search Header BHS.ascx (BVModule/Control)
2. I then added the following to Header.ascx
<%@ Register Src="~/BVModules/Controls/Search Header BHS.ascx" TagName="Search" TagPrefix="uc5" %>
3. Then I have added the following to the header.ascx
<div id="header">
<uc5:Search ID="Search" runat="server" />
Now here is the issue...
The control is still thought to be at the top of the page, so the whole page is shifted down (the height of the control)
You can see the issue on our live site
www.hardwarechimp.comHow can I get the control to be in the header, but also keep the image from shifting downward. The web browser still thinks the object is at the top of the page... Which I guess it might be. I have tricked it to say move it with Position: realtive
Ideally I would like to use postion relative... but from the looks of things I need to use position absolute.
Is their and easier way to float this control to the right area of the image?
Any CSS experts out there?
Here is the control
<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Search Header BHS.ascx.vb" Inherits="BVModules_Controls_Search" %>
<div style="position: relative; z-index: 1; top: 195px; left: 327px; width: 234px;" class="searchboxform">
<asp:Panel runat="server" DefaultButton="btnSearch" ID="pnlSearchBox">
<span class="searchspan">
<asp:Label ID="lblTitle" runat="server" Text="Search" AssociatedControlID="KeywordField"></asp:Label>
<asp:TextBox ID="KeywordField" Columns="15" runat="server" CssClass="forminput"></asp:TextBox>
<asp:ImageButton CausesValidation="false" CssClass="searchbutton" ID="btnSearch" runat="server" ImageUrl="~/BVAdmin/images/buttons/go.png" />
</span>
</asp:Panel>
</div>
Thoughts?
I feel like I am making some progress, but I also know I am missing a critical part.