personalizazione motore di ricerca [css]

[narutoshour]

salve a tutti, sto realizando un layout ma sono rimasto bloccato al motore di ricerca perchè non riesco a personalizarlo :(
questo è il link del layout http://layoututorialing.altervista.o.../v5/index.html
ho inserito un immagine per far vedere come dovrebbe venire il motore di ricerca
come posso fare?

[karl94]

Innanzitutto posta il codice HTML del motore di ricerca, altrimenti come possiamo aiutarti?
Poi ti consiglio di eliminare le tabelle, nella parte dove hai messo il menù è più corretto usare una lista non ordinata (ul e li)

[narutoshour]

ho usato il motore di ricerca che c'è nei tools
=(

[karl94]

<style type="text/css">
#cref_iframe [type=text]{
	border: 1px solid #000;
	float: left;
	margin: 0;
	height: 30px;
	width: 270px;
}

#cref_iframe [type=submit]{
	border: none;
	background: url() transparent;
	cursor: pointer;
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 30px;
}
</style>

Devi solo mettere l'url dell'immagine da visualizzare per il pulsante. Probabilmente non funzionerà con Internet Explorer 6, poiché usa un selettore di attributo che mi pare non sia supportato da quel "browser".

EDIT: Ho visto solo ora che il css che usi imposta a 0 tutti i margini e i padding, è quindi inutile metterli in queste regole, toglili pure!

[narutoshour]

http://layoututorialing.altervista.o.../v5/index.html
l'area di testo non viene modificata :(

ho modificato un po il css

#cref_iframe [type=text]{
        background-color: #b9b9b9;
	border: 1px solid #000;
        border-right: 0px;
	float: left;
	margin: 0;
	height: 30px;
	width: 220px;
}

#cref_iframe [type=submit]{
	border: none;
	background: url(search.png) transparent;
	cursor: pointer;
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 40px;
}

tutto risolto grazie mille =}