I'm struggling to align buttons correctly on my webpage.
Here's what I have so far:
<div class="containerBoxes">
<div class="search">
<form id="search-form" action="search.aspx" method="GET" accept-charset="utf-8" class="navbar-form" style="height:35px; width:100%" >
<input type="text" name="s" onblur="if(this.value=='') this.value=''" onfocus="if(this.value =='' ) this.value=''" />
<a href="#" onclick="document.getElementById('search-form').submit()"></a>
</form>
</div>
<form id="Form1" runat="server">
<asp:ToolkitScriptManager ID="scrpMngMaster" runat="server">
<Scripts>
<asp:ScriptReference Path="~/js/jquery.js"/>
<asp:ScriptReference Path="~/js/jquery.easing.1.3.js"/>
<asp:ScriptReference Path="~/js/camera.js"/>
<asp:ScriptReference Path="~/js/jquery.ui.totop.js"/>
<asp:ScriptReference Path="~/search/search.js"/>
<asp:ScriptReference Path="~/js/google.js"/>
<asp:ScriptReference Path="~/js/livechat.js"/>
<asp:ScriptReference Path="~/js/bootstrap.js"/>
</Scripts>
</asp:ToolkitScriptManager>
<div class="newsletter">
<input type="text" runat="server" id="inputNewsletterEmail" onfocus="if(this.value =='Newsletter Sign Up - Enter Email' ) this.value=''" onblur="if(this.value=='') this.value='Newsletter Sign Up - Enter Email'" value="Newsletter Sign Up - Enter Email" style="background-color:#232323; width:95%;" />
<asp:RegularExpressionValidator
ID="regEmail"
ControlToValidate="inputNewsletterEmail"
Text="(Invalid email)"
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
Runat="server" />
<asp:Button id="btnNewsletter" runat="server" class="btn btn_" Text="subscribe" OnClick="btnNewsletter_OnClick" />
<asp:Label ID="lblSuccess" runat="server" Visible="false" ForeColor="#97D816" Font-Bold="true" Font-Size="12px"></asp:Label>
</div>
</form>
</div>
CSS:
.containerBoxes
{
float:right;
}
The problem I'm facing is that the 'submit button' still doesn't line up with the newsletter text field. Any assistance would be greatly appreciated!