due form sulla stessa linea?

[theDUBBER]

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:

<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:

<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> 

[alemoppo]

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

<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!

[theDUBBER]

No funziona.. mi fa lo stesso scherzo

[darkwolf]

<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):

<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>

[theDUBBER]

Grazie sonoriuscito a risolvere

[acsocmel]

molto meglio e più semplicemente

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

senza div, float e tabelle