due form sulla stessa linea?

Salve a tutti ho un piccolo problema ma so che voi essendo bravi a smanettare mi aiuterete.
Dunque io 2 moduli uno di wikipedia e uno di youtube, sono 2 box da mettere nelle pagine web ed eseguire la ricerca. quello che vorrei fare e mettere i 2 box sulla stessa linea tipo wikipedia: ---------- e youtube:----------. Se li metto sulla stessa linea con copia e incolla il quando cerco con youtube mi apre la pagina di wikipedia. come posso fare? se puo essere utile vi posto i 2 codici:

wikipedia:

Codice PHP:

---

<form action="http://it.wikipedia.org/w/index.php" id="searchform">
<input id="searchInput" title="Cerca all'interno di Wikipedia" accesskey="f" value="" name="search" />
<input type='submit' name="go" value="Vai" title="Vai a una pagina con il titolo indicato, se esiste" />
<input type='submit' name="fulltext" value="Ricerca" title="Cerca il testo indicato nelle pagine" />
</form>


---

youtube:

Codice PHP:

---

<form action="http://www.youtube.com/results" method="get" target="_blank">
<input name="search_query" type="text" maxlength="128" />
<select name="search_type">
<option value="">Videos</option>
<option value="search_users">Channels</option>
</select>
<input type="submit" value="Search" />
</form>


---

Il modo più semplice è quello di disporlo in una tabella:

Codice HTML:

---

<table>
    <tr>
        <td>
            <form action="http://it.wikipedia.org/w/index.php" id="searchform"> 
            <input id="searchInput" title="Cerca all'interno di Wikipedia" accesskey="f" value="" name="search" /> 
            <input type='submit' name="go" value="Vai" title="Vai a una pagina con il titolo indicato, se esiste" /> 
            <input type='submit' name="fulltext" value="Ricerca" title="Cerca il testo indicato nelle pagine" /> 
            </form>
        </td>
        <td>
            <form action="http://www.youtube.com/results" method="get" target="_blank">
            <input name="search_query" type="text" maxlength="128" />
            <select name="search_type">
            <option value="">Videos</option>
            <option value="search_users">Channels</option>
            </select>
            <input type="submit" value="Search" />
            </form>
        </td>
    </tr>
</table>

---

Anche se non è una soluzione molto pulita: TEORICAMENTE bisognerebbe racchiuderli ogni uno dentro un div ad esempio, e poi tramite CSS impostarli come vuoi...

Ciao!

No funziona.. mi fa lo stesso scherzo

Codice HTML:

---

<div style="text-align: center; width: 600px; margin: 10px auto;">
        <div style="float: left;">
        <form action="http://it.wikipedia.org/w/index.php" id="searchform">
                <input id="searchInput" title="Cerca all'interno di Wikipedia" accesskey="f" value="" name="search" />
                <input type='submit' name="go" value="Vai" title="Vai a una pagina con il titolo indicato, se esiste" />
                <input type='submit' name="fulltext" value="Ricerca" title="Cerca il testo indicato nelle pagine" />
        </form>
        </div>
        <div style="float: right;">
        <form action="http://www.youtube.com/results" method="get" target="_blank">
                <input name="search_query" type="text" maxlength="128" />
                <select name="search_type">
                <option value="">Videos</option>
                <option value="search_users">Channels</option>
                </select>
                <input type="submit" value="Search" />
        </form>
        </div>
</div>

---

Oppure (ma non mi piace, quei due br mi sanno di sporco):

Codice HTML:

---

<div style="width: 350px; margin: 10px auto;">
        <div style="float: left;">
        <form action="http://it.wikipedia.org/w/index.php" id="searchform">
                <input id="searchInput" title="Cerca all'interno di Wikipedia" accesskey="f" value="" name="search" />
                <br />
                <input type='submit' name="go" value="Vai" title="Vai a una pagina con il titolo indicato, se esiste" />
                <input type='submit' name="fulltext" value="Ricerca" title="Cerca il testo indicato nelle pagine" />
        </form>
        </div>
        <div style="float: right;">
        <form action="http://www.youtube.com/results" method="get" target="_blank">
                <input name="search_query" type="text" maxlength="128" />
                <br />
                <select name="search_type">
                <option value="">Videos</option>
                <option value="search_users">Channels</option>
                </select>
                <input type="submit" value="Search" />
        </form>
        </div>
</div>

---

Grazie sonoriuscito a risolvere

molto meglio e più semplicemente

Codice:

---

form {
        display: inline;
        margin-right: 150px;/*il margin-right non è necessario è soltanto per esempio*/
}

---

senza div, float e tabelle