[Risolto]Differente visualizzazione modulo

[gabrib]

Ciao a tutti. Nel mio sito ho installato due moduli che riassumono l'andamento dei mercati azionari, si possono vedere qui in fondo alla pagina, http://www.glfinvestments.com/.
Sono andato sul sito del produttore per vedere se ci fossero degli aggiornamenti per i suddetti moduli  e mi sono accorto che la visualizzazione dei due moduli in demo,  è molto differente rispetto alla mia, qui potete vedere le differenze a fondo pagina http://news4trader.com/ (i moduli, sopprattutto quello con  i grafici, è molto più grande è maggiormente definito.)
Considerando, che i due moduli non hanno praticamente settaggi, come potrei ottenere lo stesso risultato?? Grazie per l'attenzione.

[tomtomeight]

ciao
Evidentemente le differenze stanno fra la versione free e le pro

[gabrib]

Sinceramente  non mi sono accorto delle due versioni.
Ma al di là di quello, ora sono riuscito  almeno ad ingrandire  il modulo con i grafici tramite gli unici 2 settaggi disponibili, (potrebbe andare bene anche così).
Ora vorrei poter allungare verso il basso quello di sinistra in modo che sia sullo stesso piano,(questo modulo non ha assolutamente nessun settaggio disponibile) come potrei fare? Grazie.

[tomtomeight]

Anche gli originali hanno dimensioni diverse

[gabrib]

mi sono accorto che usando firebug dalla scheda layout e  modificando il valore 200 portandolo a 225 porta il modulo di sinistra sullo stesso piano di quello di destra. Il problema è che se vado poi nella scheda Stile, per questa modifica, firebug crea un element.style { height: 225px;} fuori dal template.css, sarebbe possibile aggiungere questo codice e dove? Grazie.



[allegato eliminato da un amministratore]

[adottauncane]

Ciao gabrib, ciao tomtomfive,
secondo me la differenza di visualizzazione tra l'esempio e il tuo dipende dal .css del template in cui viene inserito. Se ti scrivi un po' di css e lo incolli nel file template.css forse lo aggiusti...
qui un paio di esempi, vedi se vanno:

Codice: [Seleziona]

.summarydata a:hover {
color: #0066FF;
        text-decoration: underline;
}

.summarydata a:link {
color: #0066FF;
        text-decoration: none;     
}

div.finance_worldmarkets .summarydata {
height:380px; <---- misura da regolare per il box di sinistra
}

[gabrib]

Ora, il modulo di destra può andare bene così, vorrei solo allungare il modulo di sinistra in modo che abbiano la stessa altezza
Ho inserito i due moduli creando le posizioni nel file detail.xml, poi direttamente nel backend->articolo ho aggiunto il div per il posizionamento dei due moduli.
Ho provato ad aggiungere height:225px; per modificare l'altezza del modulo di sinistra, ma non cambia nulla.

Codice inserito nel backend->articolo:
<div style="float: left; margin-top: 15px; margin-left: 15px;  height: 225px;">{loadposition worldmarkets}</div>
<div style="float: right; margin-top: 15px; margin-right: 15px;">{loadposition downjones}</div>
</div>

http://www.glfinvestments.com/
Grazie.

[adottauncane]

Dovresti mettere questo codice nel file template.css, dove vuoi:

Codice: [Seleziona]

div.finance_worldmarkets .summarydata {
   height:225px !important;
}
gli altri postati prima servono per cambiare colore ai link della prima colonna e a farli come l'esempio. Da mettere eventualmente sempre nel file template.css
Puoi scrivere anche altre regole per modificare i due box...

[gabrib]

Funziona! Non so proprio come ringraziarti.
Pensavo che avendo inserito le posizioni moduli nel back end, solo qui avrei dovuto inserire i parametri per la formattazione, ma sbagliavo.

Puoi scrivere anche altre regole per modificare i due box...

Potresti darmi qualche dritta al riguardo?
Grazie ancora!

[adottauncane]

Forse sì, ma devi dirmi cosa vuoi fare 

[gabrib]

La parte in basso del modulo a destra  (quella con numeri e percentuali) vorrei fosse centrata rispetto alla tabella. Con firefox ci sono riuscito inserendo nel  css width:-moz-available;
Questo però non funziona con I.E, Chrome ecc.
Come posso fare?
Grazie

[allegato eliminato da un amministratore]

[adottauncane]

Prova a togliere il tuo e ad aggiungere questo:

Codice: [Seleziona]

div.finance_summary .summarydata {
   width:253px !important;
}

[gabrib]

Grazie, funziona.
Quale funzione ha "!important" nel css??

[adottauncane]

Serve per visualizzare correttamente anche in IE. Può anche essere che funzioni ugualmente anche senza... solo che non posso controllare e fastidio non dà 

[gabrib]

Grazie.

[adottauncane]

Prego... se hai risolto, metteresti [RISOLTO] davanti al titolo del primo post? Grazie mille.

[gabrib]

Fatto.