Databases
StackOverflow2013
Postsdbo
POCSS - Buttons not Aligning
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS - Buttons not Aligning
    text
    copied!<p>I am having an issue with getting buttons to line up correctly for my webpage.</p> <p>So far, this is what I have:</p> <p><img src="https://i.stack.imgur.com/TaYST.png" alt="http://img17.imageshack.us/img17/2209/capturekxh.png"></p> <pre><code>&lt;div class="containerBoxes"&gt; &lt;div class="search"&gt; &lt;form id="search-form" action="search.aspx" method="GET" accept-charset="utf-8" class="navbar-form" style="height:35px; width:100%" &gt; &lt;input type="text" name="s" onblur="if(this.value=='') this.value=''" onfocus="if(this.value =='' ) this.value=''" /&gt; &lt;a href="#" onclick="document.getElementById('search-form').submit()"&gt;&lt;/a&gt; &lt;/form&gt; &lt;/div&gt; &lt;form id="Form1" runat="server"&gt; &lt;asp:ToolkitScriptManager ID="scrpMngMaster" runat="server"&gt; &lt;Scripts&gt; &lt;asp:ScriptReference Path="~/js/jquery.js"/&gt; &lt;asp:ScriptReference Path="~/js/jquery.easing.1.3.js"/&gt; &lt;asp:ScriptReference Path="~/js/camera.js"/&gt; &lt;asp:ScriptReference Path="~/js/jquery.ui.totop.js"/&gt; &lt;asp:ScriptReference Path="~/search/search.js"/&gt; &lt;asp:ScriptReference Path="~/js/google.js"/&gt; &lt;asp:ScriptReference Path="~/js/livechat.js"/&gt; &lt;asp:ScriptReference Path="~/js/bootstrap.js"/&gt; &lt;/Scripts&gt; &lt;/asp:ToolkitScriptManager&gt; &lt;div class="newsletter"&gt; &lt;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%;" /&gt; &lt;asp:RegularExpressionValidator ID="regEmail" ControlToValidate="inputNewsletterEmail" Text="(Invalid email)" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Runat="server" /&gt; &lt;asp:Button id="btnNewsletter" runat="server" class="btn btn_" Text="subscribe" OnClick="btnNewsletter_OnClick" /&gt; &lt;asp:Label ID="lblSuccess" runat="server" Visible="false" ForeColor="#97D816" Font-Bold="true" Font-Size="12px"&gt;&lt;/asp:Label&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; </code></pre> <p>CSS:</p> <pre><code>.containerBoxes { float:right; } </code></pre> <p>The issue I am having is that the 'submit button' still does not line up with the newsletter text field. Any help would be very appreciated!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload