Allineare form

[Alex90]

Ciao ragazzi, stò mondando un layout ed mi è venuto fuori un problema



In pratica l'immagine con la lente di ingrandimento non è allineata con il form come devo fare..

<form action="/motore/cerca.php" method="post" >
<b style="color:#FFFFFF; font-size:15px; ">Cerca:[/b]

<input type="text"  name="parola" class="form" /> 
<input type="image" name="search" src="/images/search.gif" />
</form> 

Cosa sbaglio?

[yappo]

potresti dare una classe all'input con l'img in modo che si sposti...tipo un margin:4px 0 0 0;
altro consiglio...non usare il tag B usa.. STRONG

[Alex90]

Ho provato ma non cambia nulla ho fatto così

<form action="motore/cerca.php" method="post" >
<strong style="color:#FFFFFF; font-size:15px; ">Cerca:[/b]

<input type="text"  name="parola" class="form" /> 
<input type="image" name="search" src="mages/search.gif" style="margin:4px 0 0 0;" />
</form> 

Si sposta tutto non solo l'immagine con il la lente

Che posso fare??

e grazie

[yappo]

scusami, prova con il padding...

[Alex90]

stessa cosa non cambia nulla uff

[yappo]

che cosa fa la class="form" ?
scusa, se i due input flottano non riesci a far spostare quello con l'img (utilizzando sempre una classe)?

hai del codice css da farmi vedere?

[Alex90]

Questo è il codice css del form

form {
margin:0px;
padding:0px;
}

.form{
padding-top:2px;
background-color:#FFFFFF;
border: solid 1px #0d87c0;
font-family:Verdana;
font-size:10px;
color:#000000;
} 

e grazie ancora

[yappo]

<style>
html, body {margin:0; padding:0; height:100%; width:100%; background-color:#fff;}
form { 
margin:0px; 
padding:20px; 
} 
form strong {float:left; color:#000; font-size:15px; padding:0 4px 0 0}

.form{ 
padding:0px; 
margin:2px 0 0 0;
background-color:#FFFFFF; 
border: solid 1px #0d87c0; 
font-family:Verdana; 
font-size:10px; 
color:#000000; float:left;
}

.bottone {margin:3px 0 0 4px; padding:0; float:left;}
</style>

<form action="motore/cerca.php" method="post" > 
Cerca: 

<input type="text"  name="parola"  class="form"/> 
<input name="search" type="image" src="busta.jpg" class="bottone" /> 
</form>

prova...dovrebbe andare

[yappo]

ah io ho modificato il padding del form tu azzeralo...e ho cambiato il nome dell'img... :P

[Alex90]

Ottimo grazie mille funziona perfettamente