Sueño de la Madrugada Sueño de la Madrugada - 4 months ago 20
PHP Question

Insert textbox inline

Note... I have searched for answers, and if there's something I have missed, please do tell me. One thing... read my question before closing it, because sometimes the questions linked to don't really help at all.

--

Okay, what I'm trying to do is put a text box (which works as a search bar) in the same line as six other links (three of them are small square images). It's 850px long.

[This is the page I'm talking about] -- After the three links and social media buttons.

Unfortunately, when I put the textbox, it moves to the next line. Here is my code:

<form name="search" method="get" action="search.php">
<input type="text" name="find" id="find" />
<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>


Ideally, I would like to have it aligned to the right but I can't even get it on the line. I have tried aligning it with
<span>
but it stays on the left anyway...

Thanks in advance for your help!

Answer

The <form> element is a block element (it doesn't go in line with the rest of your links).

You have to put the links inside that <form> element, along with the inputs. Actually, just move the whole thing into the form. It should be ok. Here is how it should look:

<form name="search" method="get" action="search.php">
    <p class="navitop">
        <a href="contact.php">Contact Us</a> | 
        <a href="localsites.php">Local News Sites</a> | 
        <a href="newsletter.php">Newsletter</a> 
        <a href="https://www.facebook.com/JansAviation"><img src="img/facebook-button.png" width="13" height="13"  alt="Facebook" /></a> 
        <a href="https://twitter.com/JansAviation"><img src="img/twitter-button.png" width="13" height="13" alt="Twitter"/></a> 
        <a href="https://plus.google.com/113060095863975848987"><img src="img/googleplus-button.png" width="13" height="13" alt="Google+" /></a> 

     <input type="text" name="find" id="find" value="" />
     <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>
     </p>
</form>