allineare campi di input type e image

[zoc]

Ciao a tutti. Non riesco ad allineare verticalmente i due campi di input.
Qualcuno sa come mai? grazie mille!!!

<div id="search_inp">
<input name="campo" type="text" id="campo" /> <input name="cerca" type="image" src="images/search-ico.gif" alt="cerca" title="cerca">
</div>

#search_inp {
	float: right;
	height:18px;
}
#search_inp #campo {
	background: #111;
	border: 1px solid #333;
	width: 150px;
	height:18px;
	color:#999;
	margin:0px;
	padding:0px;
}

[Mich_]

Ma come devono apparire?
Uno sotto l'altro o affiancati?

Perche` per il campo text c'e` formattazione e per l'image no?

E perche` sono racchiusi in un <div>? (se e` una sezione del form, dovrebbe essere un <fieldset> invece)

[zoc]

ciao,
sono chiusi in un div perchè sono un livello float che sta in alto a destra.
I due elementi devono essere allineati un di fianco l'altro, ma non so perchè il campo di testo è sempre sotto di 3 px
grazie mille!

[Mich_]

Originariamente inviato da zoc
ciao,
sono chiusi in un div perchè sono un livello float che sta in alto a destra.

Si`, ma perche` un <div> e non un <fieldset> che sarebbe corretto dal punto di vista semantico?

I due elementi devono essere allineati un di fianco l'altro, ma non so perchè il campo di testo è sempre sotto di 3 px
grazie mille!

hai provato a dare le stesse formattazioni ai due campi? Nel tuo codice hai formattato uno (tolto i margini e padding che potrebbero esserci nel browser, cambiato colore al bordo, definito la larghezza, ecc) ma non l'altro. perche`? prova a dare la stessa formattazione anche all'altro

[zoc]

ok ora provo.... e mi vado anche a vedere cos'è un fieldset che non lo so mica!