Problemi allineamento mod_search

[The-BiT]

Buon giorno,
sto utilizzando il modulo search in un template trovato in rete e adattato da me.
il modulo search (se non viene attivato il pulsante di ricerca) si presenta ben allineato. Se, invece, attivo dalle impostazioni del modulo il tasto "cerca" ecco che avviene un disallineamento tra campo ricerca e pulsante "cerca".
vorrei sapere come fare a farli combaciare.
Ho anche tentato di dichiarare una nuova classe, ma non ho risolto nulla.
Vi posto quindi le righe corrispondenti al suddetto modulo.

Codice: [Seleziona]

#search{
float: right;
margin: 2px 2px 2px 2px;
}
Mi sono poi accorto che il pulsante "cerca" viene ereditato dalla classe generare "button". Così ho pensato di dichiarare una nuova classe del tipo:

Codice: [Seleziona]

#search div.module_button{
cursor:pointer;
font-family: Tahoma, Arial, sans-serif;
/*margin:0 0 5px 0;
padding:0 5px 3px 5px;*/
margin-top:5px;
height:20px;
color: #999999;
font-size: 11px;
border: 1px solid #2d3640;
background: #F3BD01;
}
Ma non riesco a farla funzionare.
C'è qualcuno che ha voglia di darmi una dritta?
Grazie.

[.: BlackHat :.]

posta il link al sito se è online. ci sarà più facile in quel modo

[The-BiT]

Certamente.
http://thewebcreation.altervista.org/

Confido in un vostro aiuto.

[.: BlackHat :.]

emh..fammi capire...il problema si presenta quando? nella parte superiore del sito? o quando faccio una ricerca..perchè sinceramente nn vedo nulla

[The-BiT]

Mi riferisco a FireFox: dovresti vedee il campo di ricerca non allineato col pulsante (sulla sua destra) chiamato "cerca".

[.: BlackHat :.]

allora, per allineare il tasto cerca nella parte centrale dove appaiono gli articoli(quando fai una ricerca) modifica qua

Codice: [Seleziona]

.contentpaneopen button{
margin-top:5px;}
mentre per il cerca nel top menu aggiungi questa regola

Codice: [Seleziona]

#mod_search_searchword {
height:14px;
}

[The-BiT]

Scusami una cosa blackhat666,
se modifico ".contentpaneopen button" non mi apporta la modifica a tutti gli altri pulsanti "button" presenti nel sito?
A questo punto preferirei dichiarare una nuova classe in modo che il margin-top valga solo per questo modulo search. Ma come?

mentre per il cerca nel top menu aggiungi questa regola
Codice:

#mod_search_searchword {
height:14px;
}

In questo modo allineerò il campo di ricerca al pulsante? Perchè se è così mi andrebbe bene anche questa soluzione.

[.: BlackHat :.]

allora, per la prima domanda...beh si , quella regola poi andrebbe a influire su qualsiasi bottone nella parte dove ci sono gli articoli, per la seconda domanda, definendo  height:14px; non fai altro che allargare di 1-2 px il campo cerca in modo che sembri ben formattato con il tasto. Adesso però mi viene una domanda....tu vuoi il campo di imput e il tasto cerca perfettamente all'ineati e della stessa grandezza?oppure va bene con quella modifica li?

[The-BiT]

Ciao blackhat666,
possibilmente vorrei entrambi i campi (modulo ricerca e pulsante) allineati tra di loro anche perchè, come vedi dal template, lo spazio è poco.
Io ho provato a definire le classi come hai detto tu nel css, ma francamente non ho visto nessun risultato.
Come posso fare?
Grazie per il tuo aiuto.

[conti1]

ciao
scusate se mi intrometto ma se solo quello il problema ,
confronta il tuo css con questa riga e vedi che ho aumentato di un 1px

Codice: [Seleziona]

.inputbox {template.css (riga 1687)
background:#20252B none repeat scroll 0 0;
border:1px solid #2D3640;
color:#999999;
font-size:11px;
line-height:12px;
padding:2px 0 3px 3px; <--- qui
}poi gli dai un poco di spazio tra il cerca e ul  pulsante
dal css

Codice: [Seleziona]

input.button, .validate {template.css (riga 1155)
background:#333333 none repeat scroll 0 0;
border:1px solid #999999;
color:#FFFFFF;
font-size:11px;
margin:5px 1px; <-- qui
}il risultato e allinieato

[The-BiT]

Ciao Conti1,
mi spiace ma - pur aver fatto come hai detto (ovvero aggiungendo le nuove righe) non mi si è mosso nulla di nulla. Tutto è rimasto al suo posto. Preciso che ho svuotato la cache.

[conti1]

ciao strano guarda fatto in anteprima con firebug

[The-BiT]

Ciao,
ho apportato le modifiche anche al sito che ho online.
Ma niente. Se, infatti, vai su http://thewebcreation.altervista.org/ noterai che, nonostante le modifiche che mi hai consigliato di fare, il risultato non è cambiato.
Se provi a vedere con FireBug, noterai che ho messo lo stesso tuo codice css.
Ma non funge.

[conti1]

ciao vedi che io ora lo vedo giusto come da immagine che ho messo io nel post precedente .
prova svuotare la cache di FireFox

ps: con firefox la visione e giusta con ie  sfalsa

[The-BiT]

Ciao Conti1,
ho svuotato la cache di IE6 e FF2, ma il risultato è quello in foto.



Niente da fare.
Non so proprio come fare. E mi sembra strano pure perchè ci capisco di Css, ma questo sito mi sta proprio dando filo da torcere.

[conti1]

impossibile non riuscire ad allineare sto cerca in ie,

imbrogliamo la visione con ie
vai in css6ie

metti questo dentro

Codice: [Seleziona]

input.button {
float:right;
} gli cambiamo la visuale ma almeno sono allineati dimmi che te ne pare .

[The-BiT]

Niente da fare Conti,
ma sei sicuro di vederlo bene tu in IE6? Io ci ho appena provato ad apportare le modifiche che mi hai detto e praticamente mi si è sfasato tutto a livello di pulsanti. Per non parlare del modulo "cerca" che mi è arrivato quasi alla sinistra della pagina.
Con FF2 la questione resta sempre la stessa. Niente di fare.
Mi sembra veramente strano com'è che a te si veda bene sotto FF e a me no.

[conti1]

ciao
io le prove le fatte in locale vediamo di capire una cosa
visto che il cerca in quella pozione non c'è ,
ho creato la pozione  x inserire il modulo cerca.
ho fatto un po di prove  con ff la visone e giusta con ie sfalsa ok
allora mi son detto  imbrogliamo ie  con quel css .

ora mi sorge una domanda tu  come hai aggiunto la pozione  xche io quel css e dalla mia pozione.

[The-BiT]

Ecco uno stralcio del file index.php del template:

Codice: [Seleziona]

<div id="search">
  <jdoc:include type="module" name="search" />
</div>


<div id="news_flash">

<jdoc:include type="modules" style="rounded" name="top" />

</div>
Il modulo "cerca" l'ho pubblicato in "user4" senza però dichiarare "user4" nel index.php del template (come si faceva su Joomla 1.0.x).
Più di cosi non so che dirti.
Potrei solo mandarti i file del template!

[conti1]

prova a mettere questo che ho messo io al posto del tuo
poi come posizione dagli il search

Codice: [Seleziona]

<div id="search">
<jdoc:include type="modules" style="rounded" name="search" />
poi qui nell css

cambia la posizione da sx in dx

Codice: [Seleziona]

div div div form {template.css (riga 435)
text-align:right;
}