[CSS] Se inserisco un form mi va a capo

Ciao a tutti!

Sto ridisegnando il mio sito e ne sto rifacendo uno con l'utilizzo dei fogli di stile. Ho però un problema con i form.

Se infatti metto:

<form method="post" action="cerca.php">blablabla</form>

mi va a capo di 1. Come mai? Devo per caso modificare il foglio di stile?

Grazie,
allo

non ho capito bene cosa intendi con "mi va a capo di 1". se posti la pagina vediamo se ti si può aiutare :)

Questo è un pezzo di pagina:

<h2>Cerca nel sito</h2>
<p>
  <input value="Cerca" name="search" size="20"
  onfocus="if(this.value=='Cerca')this.value='';" onblur="if(this.value=='')this.value='Cerca';" />
  <input type="submit" value="Cerca" class="button" /></p>

ma se inserisco il form così:

<h2>Cerca nel sito</h2>
<p><form method="post" action="cerca.php">
  <input value="Cerca" name="search" size="20"
  onfocus="if(this.value=='Cerca')this.value='';" onblur="if(this.value=='')this.value='Cerca';" />
  <input type="submit" value="Cerca" class="button" /></form></p>

mi lascia un <br> tra Cerca nel sito e il modulo...

togli <p>

anche togliendo il tag <p></p> il problema potrebbe rimanere visto che anche <h2></h2> lascia un margine sotto di se. magari puoi variare il margine di uno dei due tag tramite css

..e se mettessi

... onclick="location.href=cerca.php"...

funzionerebbe?

Questo è il css di <h2>:

#left h2 {
background: #1A43EA url(h2_image.gif) no-repeat;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 20px;
}

potrebe andare cmq si puo usare anche un js

usi explorer vero xke ho avuto lo stesso problema ma con mozilla nn dava questo problema??

Con Mozilla non ho provato...
Come posso fare alla fine?
Però mi stupisce che vada a capo: normalmente non fa così...

[funcool]

Quando si chiude un <Hn> o un <p> va sempre a capo.

beh, probabilmente è il form.. come se scrivi ciao<table> la tabella non ti andrà mai accanto a ciao, ma sotto.. il form è uguale.. o metti il form in un altro punto..

ciao!!

Ma normalmente se uno scrive

<form method="post" action="cerca.php"><input type="text" name="cerca"><input type="submit" value="cerca"></form>

viene tutto sulla stessa linea...

[funcool]

Però se scrivi:

Ciao<form method="post" action="cerca.php"><input type="text" name="cerca"><input type="submit" value="cerca"></form>

va a capo...

Però se scrivi:

Ciao<form method="post" action="cerca.php"><input type="text" name="cerca"><input type="submit" value="cerca"></form>

va a capo...

esattamente, è quello il tuo problema.. se quello è l'unico form presente nella pagina, metti il tag form subito dopo il body e chiudilo prima del </body>

ciao!!
giaco

Va be, farò così..
Grazie!

di niente!!

ciao!!!

Ultima cosa!!

Ho una tabella "copyright"

#copyright {
background: #3559EC;
border-top: 1px solid #1131B3;
color: #FFFFFF;
padding: 2px;
text-align: center;
}

e vorrei che rimanga sempre in fondo alla pagina.
Cosa devo usare?
Bottom?

la metti come ultimo elemento della pagina prima di chiudere il body

e tra quella e il </body> mettici il </form>

ciao!!!

[heracleum]

Per eliminare il problema precedente, cioè quello del titolo del topic puoi fare così per evitare che i form (o meglio quelli che indichi di preciso) vadano a capo:

<form class="form1" ...>blabblabla</form>

questo dove ti pare, poi in alto in un blocco <STYLE>..</STYLE> (o in file .css come vuoi tu) definisci:

.form1 { display: inline;}


Non ho provato ma a occhio dovrebbe fungere su tutti i browser. Fami sapere.
In questo modo addirittura dovrai dirgli tu di andare a capo, sempre per il discorso che facevi: Ciao[FORM], di fianco.

Perfetto!

Grazie 1000!!!!

[heracleum]

Ok mi sembra di capire che mi confermi il funzionamento
Perché in teoria doveva fungere, ma molte cose (soprattutto con IE) anche se in teoria sono giuste, nella pratica...