come posso rimpicciolire il pulsante e inserire un'immagine?? ... :?:?

Bhè, hai impostato tu a 700 px, penso che 150 vadano piu che bene

Devi studiare i css, è l'unico modo per capire gli errori che fai.

Ti dovrei fa assegnare una classe al campo di ricerca così da formattare solo quello e non gli altri tag input.
Ma se non capisci quello che fai, non potrai affrontare i problemi che verranno fuori dalla modifica di un template, soprattutto se il template è di joomla.

Poco più su ti ho linkato il sito in cui puoi trovare una guida sui css.

perfettamente d'accordo , il css come altri linguaggi li sto studiando
ma essendo che quella funzione mi serve subito potresti dirmi come realizzarla.
Vorrei che solo la text box fosse più grande , centrata e con un immagine accanto.. penso sia semplice

pikadilly non puoi aiutarmi?

Io ti aiuto volentieri, ma a volte devo anche studiarle un pò le risposte.
E' semplice se parlavamo di un template normale, ma con joomla devi valutare mille cose prima di dire "se pò fa". Ora non posso rispondere perchè vado di fretta, quando torno vediamo come si può fare per mettere anche l'immagine.

grazie

nessuna soluzione?:?

ho provato ad impostare cosi il file index.php

<div id="main_content_wrapper">
<div id="wrap">
<div class="moduloricerca"> <img src="prova.bmp" alt=""> <?php mosLoadModules ('user7', -1 ); ?></div>

e il file template_css.php

div.moduloricerca{
width: 400px;margin-bottom: 10px;
}

div.moduloricerca img{
align:left;
margin: 10px
}

però l'immagine esce sopra il modulo di ricerca ...
come puoi vedere h t t p : //clab.altervista.org

e inoltre non ho trovato il codice per allineare tutto il modulo al centro...

Prova:

div.moduloricerca
{
padding-left:10px;/ho messo dieci, ma dovresti mettere la larghezza dell'immagine/
background-image: url(../images/nomeimmagine.jpg);
background-repeat: no-repeat;
background-position: left;
}

:D:D:D grandioso
funziona perfettamente grazie mille !!!
mi potresti dire ora come allinearlo al centro??

Per allineare tutto al centro basta che a div.moduloricerca applici i margini destra e sinistra ad auto.

div.moduloricerca {
padding-left:10px;/ho messo dieci, ma dovresti mettere la larghezza dell'immagine/
background-image: (http://www.giorgiotave.it/forum/wikigt/os/URL)(../images/nomeimmagine.jpg);
background-repeat: no-repeat;
background-position: left;
margin-left:auto;
margin-right:auto;
}

provato ma non funziona ...
hai idea del perchè??

per centrarlo ci sono riuscito
l'unica cosa che manca , e allargare la text box di ricerca
da quello che ho capito dovrei isolarla e lavorarci solo su quella
ma come si fa??

L'unica cosa che al momento mi viene in mente per farti allargare solo il campo text è un selettore d'attributo....

Scrivi così nel tuo css e vedi che succede:

div.moduloricerca [type="text"]{
width:200px;
}

L'ho provato e funziona...:D

grazie mille !!! fuziona benissimo

Lo so

sai perchè con internet explorer 7 non funziona ??
con firefox e altri va bene;)

Perchè IE non interpreta correttamente molte cose.
Comunque puoi andare direttamente nel modulo dall'amministrazione di joomla e definire la larghezza della text box...

da dove??
dove dice " Suffisso classe CSS modulo " ??