nuove posizioni sballano il template in IE

[lucamark90]

Buongiorno a tutti!!
avrei bisogno di un aiuto da qualcuno più esperto di me.
Sto modificando questo template e sta venendo davvero bene.
Per la prima volta ho aggiunto nuove posizioni modulo per inserire immagini cliccabili sulla parte visibile dello sfondo, a sx del body.

In chrome e firefox tutto perfetto, i moduli sono ben posizionati.
Mentre in explorer la grafica viene sballata: tutta la parte del template sopra il body non si vede (per intenderci il bavaglino del tizio spunta dal bordo in alto dello schermo e i moduli inseriti non si vedono.

Ho visto che nella cartella css del template ci sono due file css, template.ie6 e template.ie7 dove ci sono delle modifiche per ogni id e classe del tipo:

Codice: [Seleziona]

/* begin Box, Sheet */
.art-Sheet-tl
{
clip: rect(auto 37px 37px auto);
}

Cosa devo modificare per permetterne la visualizzazione corretta in explorer inserendo i miei moduli nuovi?? posso mandarvi i file css!!

grazie mille!!
luca

[ariess]

per inserire delle immagini non è necessario creare delle posizioni modulo, basta un semplice div del tipo:

Codice: [Seleziona]

<div><img id="bg_image" src="templates/tuo_template/images/bg1.jpg"/></div>

e magari associargli un css

Codice: [Seleziona]

#bg_image{
...............
}
potrebbe anche darsi che no dipenda da questo, perciò sarebbe meglio se posti il link del sito per capire meglio il problema e darti una mano

[lucamark90]

si ma io voglio inserire delle immagini con al loro interno altre immagini cliccabili!!  purtroppo il sito è in lavorazione ed è offline ma penso di aver spiegato bene la mia situazione. anche vedendo il sito si vedrebbe la situazione normale

[ariess]

in effeti sono andato un pò fuori strada con il mio esempio, scusa.

comunque per rendere le immagini cliccabili basta inserire questo codice nel php

Codice: [Seleziona]

<div id="image"><a href="index.php"><image src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/image.png" /></a></div>
il tag "href" indica il link al quale si viene portati al click sull'immagine

comunque ripeto, senza vedere il sito è difficile aiutarti

[lucamark90]

ti ringrazio molto per la cortesia, quindi teoricamente potrei sovrapporre un'immagine ad un'altra?
ti faccio un esempio. se io volessi inserire una targa di legno e su questa apporre diverse immagini con link diversi potrei vero? operando sul css?

[ariess]

con i css non puoi dare il link all'immagine, ma se la inserisci nel php in un div come nell'esempio che ti ho fatto, poi con i css la puoi posizionare come vuoi

[lucamark90]

ok grazie mille!! ultima cosa...per determinare quale delle due immagini sovrapposte sarà in primo piano dipende tutto dall'ordine in cui ne inserisco il posizionamento sul css? tipo:

Codice: [Seleziona]

#immagine_primo_piano{
...............
}

@immagine_secondo_piano{
................
}

[ariess]

per il posizionamento sull'asse "z" esiste la regola css dello z-index che funziona più o meno come i livelli in un programma di grafica.

Codice: [Seleziona]

z-index:10;
questa è la sintassi.
devi mettere questa regola in entrambe le classi dei due div.
quello che ha il valore maggiore si posiziona sopra.

[lucamark90]

beh magnifico!! questa non la sapevo...sono alle prime armi ma sto cercando di imparare!! grazie mille della dritta!:)
buona notte