Buongiorno a tutti,
è la prima volta che scrivo in questo forum e spero di formulare la domanda nella giusta maniera.
Ho un sito web fatto con Joomla, ed ho creato nel file template.css due nuove posizioni modulo posizionate ai lati (destro e sinistro) del template. All'interno di essi, poi, ho inserito il codice javascript di un banner verticale 120X600. Tutto funziona bene ma dovrei risolvere un piccolo problema. Quando il visitatore usa una risoluzione di schermo con larghezza inferiore o uguale a 1024, i suddetti moduli/banner vanno a sovrapporsi al contenuto dell'articolo, disturbandone alquanto la lettura. Per adesso ho "tamponato" inserendo nelle istruzioni del file template.css relative ai due nuovi moduli un parametro z-index negativo.
Il risultato non è un granchè, ma pernette almeno che i banner non si sovrappongano all'articolo. Cercando sul web (non sono un'esperta) ho scoperto che tramite un javascript, con le giuste istruzioni che fanno uso dei parametri window.screen.width e visibility, potrei fare in modo che i suddetti moduli creati nel file template.css scompaiano quando la risoluzione del visitatore è inferiore ad un certo valore. Solo che, come già scritto, non sono brava in questo campo e chiedevo il vostro aiuto (ammesso che la mia ipotesi sia la strada più corretta).
Grazie.
è la prima volta che scrivo in questo forum e spero di formulare la domanda nella giusta maniera.
Ho un sito web fatto con Joomla, ed ho creato nel file template.css due nuove posizioni modulo posizionate ai lati (destro e sinistro) del template. All'interno di essi, poi, ho inserito il codice javascript di un banner verticale 120X600. Tutto funziona bene ma dovrei risolvere un piccolo problema. Quando il visitatore usa una risoluzione di schermo con larghezza inferiore o uguale a 1024, i suddetti moduli/banner vanno a sovrapporsi al contenuto dell'articolo, disturbandone alquanto la lettura. Per adesso ho "tamponato" inserendo nelle istruzioni del file template.css relative ai due nuovi moduli un parametro z-index negativo.
Codice:
div.divAdLeft{
position:absolute;
left:0px;
top:0px;
z-index:-10;
}
div.divAdRight{
position:absolute;
top:0px;
right: 0px;
z-index:-10;
}
Il risultato non è un granchè, ma pernette almeno che i banner non si sovrappongano all'articolo. Cercando sul web (non sono un'esperta) ho scoperto che tramite un javascript, con le giuste istruzioni che fanno uso dei parametri window.screen.width e visibility, potrei fare in modo che i suddetti moduli creati nel file template.css scompaiano quando la risoluzione del visitatore è inferiore ad un certo valore. Solo che, come già scritto, non sono brava in questo campo e chiedevo il vostro aiuto (ammesso che la mia ipotesi sia la strada più corretta).
Grazie.