Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : nym72 19 Nov 2010, 02:48:44
-
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
-
ciao
cerca questo css
template.css (riga 1276)
.art-button-wrapper {
display:inline-block;
height:21px;
overflow:hidden;
position:relative;
top:5px; <<<<<<<<<<<<< aggiungi questo
white-space:nowrap;
width:auto;
z-index:0;
}
-
Grazie, grazie, grazie... :-*
-
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? :(
-
ciao
prova ad aggiungere questo in quel tag che to fatto mettere
ti ora hai
top:5px;
fallo diventare
top:5px !important;
-
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 :'(
-
Su su non ti disperare... ;D
Non crederai davvero che la diamo vinta a quel pulsante vero? :D
Prova così:
.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;
}
;)
-
allora tu hai un css che si chiama
template.ie7.css
aprilo e inserisci questo
.art-button-wrapper {
TOP: -9px! important;
}
-
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 ;)
-
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ì
.art-button-wrapper .r
{
clip: rect(auto auto auto 402px);
}
Altre idee? :-[
-
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
.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.
-
O là! Vediamo se adesso torni a sorridere che io e conti1 vogliamo avere intorno fanciulle sorridenti.... ;D
-
Non solo sorrido...STO ZOMPETTANDO DALLA FELICITA' ;D
...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.... :-*