Hack Forums
HTML. Can't make this button go up - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: HTML. Can't make this button go up (/showthread.php?tid=5776738)

HTML. Can't make this button go up - Account of the Gods - Dec 30, 2017

Code
<div class="widget_wysija_cont shortcode_wysija"><form id="form-wysija-shortcode5a479c9e81b47-1" class="widget_wysija shortcode_wysija" action="#wysija" method="post"><input class="wysija-input validate[required,custom[email]]" title="Email" name="wysija[user][email]" type="text" value="Email" /> <span class="abs-req"> <input class="wysija-input validated[abs][email]" name="wysija[user][abs][email]" type="text" value="" /> </span><input class="wysija-submit wysija-submit-field" type="submit" value="Subscribe!" /> <input name="form_id" type="hidden" value="1" /> <input name="action" type="hidden" value="save" /> <input name="controller" type="hidden" value="subscribers" /> <input name="wysija-page" type="hidden" value="1" /> <input name="wysija[user_list][list_ids]" type="hidden" value="1" />

</form></div>


Okay I know its very basic (usually) but i have this code and can't make it seem normal. i have no problems with html nor css usually and been doing websites for many years yet this is making me problems.


Right now its like that (BAD):

[Image: OWZwmzo.png]



I want it like that (Good!):
[Image: YfBavVp.png]


Anyone please! I am wasting hours instead of working on my projects :s

RE: HTML. Can't make this button go up - GameFreak - Dec 30, 2017

What happens if you throw the whole thing into a <div>

RE: HTML. Can't make this button go up - Account of the Gods - Dec 30, 2017

(Dec 30, 2017 08:35 AM)Bonum Wrote:  What happens if you throw the whole thing into a <div>


its in the div already

RE: HTML. Can't make this button go up - ryan⚜ - Dec 30, 2017

Can you just link to the live version?

RE: HTML. Can't make this button go up - Nachfolger - Dec 30, 2017

I assume you have both elements to "display: inline-block" in addition to there being enough room for them to display inline?

RE: HTML. Can't make this button go up - ryan⚜ - Dec 30, 2017

Replace:

Code
<input class="wysija-input validate[required,custom[email]]" title="Email" name="wysija[user][email]" type="text" value="Email">

with

Code
<input class="wysija-input validate[required,custom[email]]" title="Email" style="float: left" name="wysija[user][email]" type="text" value="Email">

You just need to float the textbox to the left.

RE: HTML. Can't make this button go up - Account of the Gods - Dec 30, 2017

(Dec 30, 2017 09:17 AM)ryan⚜ Wrote:  Replace:

Code
<input class="wysija-input validate[required,custom[email]]" title="Email" name="wysija[user][email]" type="text" value="Email">

with

Code
<input class="wysija-input validate[required,custom[email]]" title="Email" style="float: left" name="wysija[user][email]" type="text" value="Email">

You just need to float the textbox to the left.


Omg thanks! You are cool bro!