Allineamento pulsante "Cerca" con campo testo

[nym72]

Ciao,

non riesco ad allineare correttamente il pulsante "cerca" col campo di ricerca.
Ho visto che è un problema di molti, ho provato ad apportare un pò di modifiche sulla falsa riga di quelle suggerite ad altri, ma non ne sono venuta a cap
In firefox il bottone risulta spostato verso l'alto, in IE verso il basso, il problema è presente in qualsiasi posizione io sposti il modulo della ricerca.

Potete darmi una mano?
Il sito è questo
www.tempodivivere.it

Grazie
Katia

[conti1]

ciao
cerca questo css
template.css (riga 1276)

Codice: [Seleziona]

.art-button-wrapper {
display:inline-block;
height:21px;
overflow:hidden;
position:relative;
top:5px; <<<<<<<<<<<<< aggiungi questo
white-space:nowrap;
width:auto;
z-index:0;
}



[nym72]

Grazie, grazie, grazie... 

[nym72]

Ehm, c'è un problemino...mi sono appena accorta che con il tuo suggerimento il pulsante si allinea, ma solo usando Firefox, se apro il sito con IE8 o Chrome è ancora sfasato...
Cosa si può fare?

[conti1]

ciao
prova ad aggiungere questo in quel tag che to fatto mettere
ti ora hai

Codice: [Seleziona]

top:5px; fallo diventare

Codice: [Seleziona]

top:5px !important;

[nym72]

Niente da fare: su Chrome è una sfasatura minima verso il basso (sarà 1-2px) , mentre su IE8 è più in basso di circa la metà dell'altezza del campo di testo.
Ufff....a breve piango 

[tonicopi]

Su su non ti disperare... 
Non crederai davvero che la diamo vinta a quel pulsante vero? 
Prova così:

Codice: [Seleziona]

.art-button-wrapper {
display:inline-block;
float:right;
height:21px;
left:150px;
overflow:hidden;
position:absolute;
top:15px !important;
white-space:nowrap;
width:auto;
z-index:0;
}

[conti1]

allora tu hai un css che si chiama
template.ie7.css

aprilo e inserisci questo

Codice: [Seleziona]

.art-button-wrapper {
TOP: -9px! important;
}

[nym72]

Grazie ad entrambi, siete gentilissimi. 

La soluzione di Tonicopi è stata efficace

@conti1: sì, c'è anche un template.ie7.css, dici che è comunque meglio aggiungere il codice che mi hai consigliato o posso evitare?
Mi pare che ora il risultato sia accettabile....


Ancora GRAZIE  e
Buona notte 

[nym72]

Ok...adesso piango davvero...se applico quanto suggerito da Tonicopi il pulsante "search" va a posto in ogni browser, il problema è che però si spostano anche tutti gli altri pulsanti (quello del login, i leggi tutto ecc) 

conti1: ho provato ad apportare la modifica che hai suggerito al template.ie7.css ma non succede nulla.

La classe art-button-wrapper originale in quel css è così

Codice: [Seleziona]

.art-button-wrapper .r
{
clip: rect(auto auto auto 402px);
}
Altre idee? 

[conti1]

ciao
allora la soluzione di tonicopi mette il pulsante giusto ma sposta il tutto, allora usa lqa soluzione di toni  ma fallo diventare in questo modo

Codice: [Seleziona]

.search .art-button-wrapper {
display:inline-block;
float:right;
height:21px;
left:150px;
overflow:hidden;
position:absolute;
top:15px !important;
white-space:nowrap;
width:auto;
z-index:0;
}in questo modo agisce solo su quel modulo.

[tonicopi]

O là! Vediamo se adesso torni a sorridere che io e conti1 vogliamo avere intorno fanciulle sorridenti.... 

[nym72]

Non solo sorrido...STO ZOMPETTANDO DALLA FELICITA'


...e siccome scroccando suggerimenti cerco anche di imparare qualcosa: me lo sono allineato verso destra...su firefox, sugli altri due rimane un pò più spostato, ma va bene lo stesso hihihi

Siete due angeli....