Template difettoso con Explorer

[Papalla]

Ciao a tutti, spero qualcuno mi possa aiutare.

Il sito http://www.ascca.net ha un problema di visualizzazione con Explorer 7 e 8 (come al solito-sigh!!). Il template usato è il themza_j15_40, che normalmente dovrebbe essere corretto per Explorer; ho anche installato in plug-in i.e8 Compatibility.

Allego immagine corretta e quella difettosa: il problema sta nell'immagine di testata della homepage: con Explorer si vede solo una porzione larga 32pxl tutta a destra.

Ho lavorato un po' sul .css (che incollo) ma ... niente. L'immagine che non si vede si chiama banner1.jpg.
--------


[allegato vecchio più di un anno eliminato automaticamente]

[tonicopi]

Ciao Papalla, ma che idea balzana è quella di allegare tutto quel codice? E le immagini? Ma se metti mil link del sito basta quello... 

Chiamalo difetto! Quel sito è improponibile in queste condizioni. Prova a mettere il width 100% cambiando questo da così

Codice: [Seleziona]

div.banner1 {
background:url("../images/banner1.jpg") no-repeat scroll center top #F5F5F5;
height:352px;
margin:0;
}a così

Codice: [Seleziona]

div.banner1 {
background:url("../images/banner1.jpg") no-repeat scroll center top #F5F5F5;
height:352px;
margin:0;
width:100%;
}nel file template.css 

[Papalla]

Grazie Toni e scusa per il codice incollato; volevo allegare un file .txt ma al momento non ho un editor di testo che salva in txt (altri formati non vengono accettati nei post).

Ho apportato la modifica che mi hai segnalato, ha avuto effetto ma c'è ancora un disallineamento a sx (mi dice una persona che verifica con explorer quello che faccio - io uso Mac). Riusciamo a perfezionarlo?

Grazie !!

[tonicopi]

Dio buono ma che templates fanno alla themza? Faccio bene a non usarli per principio! 
Stavolta  devi postare del codice:
Cerca questo nella index.php del template

Codice: [Seleziona]

<div id="h_area"><img align="left" alt="forex trading logo" src="/templates/themza_j15_40/images/logo1.gif"><a title="Forex Trading Home" class="logo" href="/index.php">Associazione per lo Studio e il Controllo della Contaminazione Ambientale</a>
        <div class="banner1" id="main_top"></div><br clear="all"></div>E postalo... 

[Papalla]

Dovrebbe essere questo:

<div id="h_area"><?php if($this->params->get('hideLogo') == 0) : ?><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo<?php echo $this->params->get('logoVariation'); ?>.gif" alt="forex trading logo" align="left" /><?php endif; ?><a href="index.php" class="logo" title="Forex Trading Home"><?php echo $mainframe->getCfg('sitename') ;?>[/url]
<?php if($this->params->get('hideBannerArea') == 0) : ?>
   <?php if((JRequest::getVar('view') != 'frontpage' and $this->params->get('hideBannerAreaInternal') == 0) or JRequest::getVar('view') == 'frontpage') : ?>
        <div id="main_top" class="banner1"></div><?php endif; ?><?php endif; ?><br clear="all" /></div>

P.S. ricordati di mandarmi un tup poster da appendare in camera ;-)

[tonicopi]

Proprio quello. Sostituiscilo con questo, previa copia del file, eh:

Codice: [Seleziona]

<div id="h_area"><div id="tonicopi"><?php if($this->params->get('hideLogo') == 0) : ?><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo<?php echo $this->params->get('logoVariation'); ?>.gif" alt="forex trading logo" align="left" /><?php endif; ?><a href="index.php" class="logo" title="Forex Trading Home"><?php echo $mainframe->getCfg('sitename') ;?>[/url]
<?php if($this->params->get('hideBannerArea') == 0) : ?>
   <?php if((JRequest::getVar('view') != 'frontpage' and $this->params->get('hideBannerAreaInternal') == 0) or JRequest::getVar('view') == 'frontpage') : ?></div>
        <div id="main_top" class="banner1"></div><?php endif; ?><?php endif; ?><br clear="all" /></div>Non ho fatto altro che racchiudere logo e testo dentro un div nella supposizione che a spingere a lato il banner fosse il logo. Dovrebbe bastare così. Caso mai formattiamo il div con una regola (ecco il motivo dell'id sul div, mica che ci voglio mettere la firma...)

Papalla, guai a te se fai questi discorsi del poster da mettere in camera tua! Non ti aiuto più se fai così....
Piuttosto mandami tu il poster della tua sorellina, o anche della mamma, se ha meno di sessantanni... ah aha ha 

[Papalla]

Ok, ho sostituito. Con Firefox e Safari continua ad essere corretto, con Explorer non lo so.

[tonicopi]

Sei sicuro che hai sostituito tutto il codice incollato sopra? Cmq prova a cambiare il 100% di width nella regola css con 964px
 

[Papalla]

Se intendi nel file template.css, il div.banner1 (che aveva width: 100%) ora ha 964px.

Pero' è andato fuori posto: nella colonna di sx, "Normativa" è sbagliato e non è su fondo grigio, ma nel bianco del modulo. Inoltre si c'è uno spazio più ampio tra le 4 foto e l'inizio dei contenuti. Inoltre, nelle pagine interne del sito manca tutta la colonna di dx.

Devo ripristinare l'index.php originale?

[Papalla]

Ho ripristinato index.php, il sito è on-line.

[Papalla]

Toni, mi hai abbandonato?

[tonicopi]

No Papalla, ma la soluzione si presenta un poco più complessa di quello che sembrava. Prova ad eliminare temporaneamente il logo, questo:
http://www.ascca.net/templates/themza_j15_40/images/logo1.gif e poi vediamo se in IE le cose vanno a posto.
Se è così, sposti a destra con i css la scritta che sta a fianco di quel logo ed incolli lo stesso in questa immagine di sfondo, in modo che appaia come prima però stavolta come sfondo:
http://www.ascca.net/templates/themza_j15_40/images/banner1.jpg
Speriamo bene

[Papalla]

Eccomi, il template ha come opzione Hide logo. Ho messo Yes ed è sparito; o devo eliminare il file fisicamente?
Ho cercato di installare Explorer 7 in emulazione sul mio Mac ma non va, o meglio, va ma è difettoso e quindi non attendibile. Se avessi un Explorer a disposizione potrei fare un sacco di tentativi fino alla soluzione.

Grazie!

[tonicopi]

Bene. Anche con IE si vede adesso il banner a posto. Solo spostato verso il basso dalla scritta...

[tonicopi]

Adesso prova ad assegnare il banner come sfondo a questo div:
<div id="h_area">

invece che a questo:

<div class="banner1" id="main_top"/>

[Papalla]

C'è un problema. Il banner1 (4 immagini quadrate) deve comparire solo sulla homepage. Se con PhotoShop aggiungo il logo (logo1.gif) al banner1, anche il logo ascca non si vedrà nelle pagine interne.

[tonicopi]

Duplichi il template e usi questo che modifichi solo per la home. Ma questo banner lo hai inserito tu nel template?
Come fai a farlo apparire solo in home?

[Papalla]

Ti mando la cattura schermo delle opzioni del template in Joomla

[allegato vecchio più di un anno eliminato automaticamente]

[Papalla]

Ho installato il template originale (senza personalizzazioni che ho fatto sul sito assca.net) a questo indirizzo: http://www.thebeatbusters.com/

Prova a vedere se il banner è corretto.

[tonicopi]

Visto. E' proprio opera loro
Se vuoi procedi come ti ho suggerito.
Il template attuale lo mostri in tutto il sito.
Quello che modifichi lo assegni alla home.
In alternativa spubblica quel banner del cavolo da tutte le pagine, inserisci una posizione modulo tra l'header e il content e pubblichi un modulo con il banner solo in home 

[Papalla]

Grazie Toni,

lascia perdere, stai perdendo un sacco di tempo.
Non ho la minima idea di come si possa assegnare un template solo alla home.

[tonicopi]

Se è per quello fai prima a farlo che a dirlo.
Prova ad assegnare alla home un  altro template! Apri il template e nei parametri lo assegni, come fai con i moduli.
 
Per duplicare un template la cosa è altrettanto semplice. Selezioni la cartella intera del template1, copi e incolli. Rinomini la cartella template2 e cambi il nome anche nel file templateDetails.xml - Fatto! 
Forse ti sfugge la grande flessibilità che ottieni in questo modo e quindi l'aiuto che ne ricavi nella gestione di un sito Joomla! 

[Papalla]

Se è per quello fai prima a farlo che a dirlo.
Prova ad assegnare alla home un  altro template! Apri il template e nei parametri lo assegni, come fai con i moduli.
 

? nei parametri del template non esiste niente di simile ai moduli. Se scelgo un template e lo rendo "predefinito", vale per tutto il sito.

Per duplicare un template la cosa è altrettanto semplice. Selezioni la cartella intera del template1, copi e incolli. Rinomini la cartella template2 e cambi il nome anche nel file templateDetails.xml - Fatto! 
Forse ti sfugge la grande flessibilità che ottieni in questo modo e quindi l'aiuto che ne ricavi nella gestione di un sito Joomla! 

Questo è chiaro ma rimane irrisolto come assegnare il template1 alla home e il template2 alle altre pagine.

[Papalla]

Forse ho capito!! Se il template è assegnato non mostra la possibilità di scegliere a quali voci di menù applicare (come nei moduli). Se non è assegnato sì. Però io devo assegnare un template al sito e solo uno (credo); e come faccio ad assegnare il secondo? Dove trovo info o manuale su questi aspetti ? su Wiki?

[Papalla]

Ok, ho trovato la spiegazione su Wiki; figata pazzesca, questa non la sapevo.

In pratica il template scelto come predefinito viene bypassato dalle pagine indicate in "assegnazione menu" di altri template installati anche se non assegnati come predefiniti.

Quindi monto il logo1.gif nel banner1.jpg con PhotoShop in un template duplicato, non predefinito, e imposto assegnazione voce di menu "Home". Imposto come predefinito la copia del template con impostato nei parametri di non mostrare il banner.... OK credo di farcela !!

Attendo il poster...

[tonicopi]

Bravo! Dai che quasi ci siamo...
 

[Papalla]

Ecco il risultato finale: ti sembra corretto?

Grazie !!!!!!

[tonicopi]

Chi la dura la vince: perfetto!