Problema z index 
Auteur : Giampy ッSalve, ho un problema riguardo gli z-index.
Praticamente sto lavorando ad un progetto dove dovrei implementare un immagine di sfondo che si adatta alla pagina (e su questo non c e problema perchè lo permette già il programma) però inoltre dovrei far comparire sopra questo sfondo...un immagine richiamata tramite i CSS che vada al di sopra dello sfondo ma che lo ricopra solo per la sua dimensione (1920x 525).
A questo punto sorge il problema..richiamo tramite codice:
<body style="background-image: url('images/sfondo-slide.png'); <br /> background-position: 0px 0px; z-index:10001;<br /> background-attachment: scroll;<br /> background-repeat: no-repeat;<br /> } ;">
l'immagine che dovrebbe andare al di sopra dello sfondo..e noto che me la carica quando visualizzo il sito online...però quando da programma imposto l immagine di sfondo che si deve adattare allo schermo..mi copre automaticamente anche questa da 1920x525 e non ce modo di portarla al di su.
Qualcuno potrebbe aiutarmi? Grazie in anticipo
il sito prova è disponibile qui:
http://www.wimbledonpaint.com/prova/
Hai inserito un tag <body tra <head e </head. Intanto prova ad eliminarlo. Non che questo rappresenti la soluzione, ma così non può funzionare.
Auteur
ma non ce per caso una proprietà in CSS che inserendo il codice mi richiama e applica lo sfondo che io ho inserito da programma a seconda dei settaggi presenti nel codice?
giustamente tenendo presente che io ho già utilizzato come richiamo questo:
A questo punto sorge il problema..richiamo tramite codice:
<body style="background-image: url('images/sfondo-slide.png'); <br /> background-position: 0px 0px; z-index:10001;<br /> background-attachment: scroll;<br /> background-repeat: no-repeat;<br /> } ;">
non ce qualche altra opzione per richiamare due immagini tipo ad esempio <body style2 ecc ecc ? In maniera tale che poi con gli z-index li sovrappongo e setto quello che voglio scrollabile e quello che voglio fisso
Hai provato a chiedere su http://www.unofficialwsx5.com/?
Se trovi Stesil o Serzio sicuro la soluzione te la trovano,
Auteur
nessuno può darmi qualche soluzione al problema?
... essendo una cosa extra del programma, come mai non hai risposto all'input di Mirko...?...
... comunque, potrebbe tornarti utile l'ultimo punto di questa pagina (e seguente):
http://static.incomedia.eu/websitex5.com/v9/websitex5_evolution9_it.pdf#page=58&zoom=100
.
Insisto. Tra <head> e </head> vi sono ben due sequenze di <body> </body>. Non credo possa funzionare.
... infatti hai ragione, ...appunto per quello ho indicato la pagina della guida dove è indicato come inserire codici html per il tag body di apertura...
... se Giampy legge, potrebbe provare, ...eliminando ovviamente le inesatezze da te correttamente segnalate...
.
bye, KolAsim
Auteur
perchè con mirko ci sentiamo anche in privato ma ancora non siamo riusciti a trovare una soluzione
Allora possiamo smettere di perdere tempo. A saperlo prima!
Auteur
Esse di...se utilizzo questo codice per richiamare un'immagine scrollabile ma che deva andare al di sopra dello sfondo:
<body style="background-image: url('images/sfondo-slide2.png'); <br /> background-position: 0px 0px; <br /> background-attachment: scroll;<br /> background-repeat: no-repeat;<br /> } ;">
</body>
Dove potrei inserire correttamente il tag z-index? ho provato diverse soluziona ma senmbra non funzionare..
Chiedo per lo z-index perchè se da programma imposto lo sfondo che deve adattarsi..l'immagine chiamata "sfondo-slide2.png" mi va a finire sotto quindi dovrei portarla tramite lo z-index al di sopra dello sfondo..
Auteur
Non capisco questa tua risposta..cosa vuol dire? Io ho solo detto che non ho preso in carico la risposta di mirko perchè già me lo aveva detto privatamente quindi avevo già provato e non andava bene.
... è d'obbligo dare riscontro delle risposte ricevute alle proprie domande, positive o negative che siano, (che in tanti non fanno!!!), ... ed altra cosa è il contrario, non c'è obbligo di risposta alle domande...
(che potrebbe comunque arrivare anche a distanza di tempo)
... aver glissato la proposta di Mirko ha fatto intendere altre cose...
.
bye, KolAsim
...tornando alla damanda, ho visto il LINK, cosa vorresti realmente ottenere...?...
... hai per caso un esempio simile da linkare, in modo da poter capire...?...
... recentemente mi sono trovato a realizzare questi esempi in v.7 per altri scopi, utilizzando sempre lo stesso metodo del DIV CUSTOM di Icm
, prova a vedere se è quello che intendi, il metodo è identico, dagli un'occhiata: http://www.zspace.it/kolasim/website/divcustomlateraleK/sfondo_link.html http://www.zspace.it/kolasim/website/divcustomK/pagina_1.html
.
bye
Auteur
allora kolasim...se guardi qui: http://www.wimbledonpaint.com/2 noterai che tramite il programma...ho inserito lo sfondo (non adattabile alla risoluzione perchè qui sorge il problema), ma noterai anche che tramite questo codice:
<body style="background-image: url('images/sfondo-slide2.png'); <br /> background-position: 0px 0px; <br /> background-attachment: scroll;<br /> background-repeat: no-repeat;<br /> } ;">
</body>
ho richiamato la triscia che si vede subito sotto la barra bianca e che deve scrollare insieme ai contenuti( proprio come si evince dal codice qui sopra) e su questo ci siamo.
il problema sorge quando...voglio inserire che lo sfondo si debba adattare alla risoluzione della pagina. Infatti, quando inserisco questa opzione da programma, automaticamente la barra richiamata dal codice citato sopra viene caricata..ma viene messa automaticamente al di sotto dello sfondo e non si visualizza più.
quindi quello che chiedo è un modo per inserire tramite z-index un richiamo che l'immagine "sfondo-slide2.png" ritorni al di sopra dello sfondo anche dopo che da programma ho metto lopzione che bisogna adattare lo sfondo alla risoluzione dello schermo.
Spero di essere stato chiaro :-)
... intanto, ...nel mio esempio non hai notato similitudini possibili...?...
...così mi regolo per capire meglio...
Auteur
sisi stavo vedendo...ma quelle strisce ai lati della struttura della pagina dici tu?
Auteur
KolAsim questo esempio che hai caricato qui:
http://www.zspace.it/kolasim/website/divcustomK/pagina_1.html
va bene è quello che dico io..è superiore allo sfondo (Adattabile giusto?) ed è inferiore al contenuto..dovrebbe essere proprio quello che cerco :D
... sono due esempi diversi, uno con le strisce laterali esterne ha il link che cercava qualcuno sullo sfondo, e l'altro ha uno sfondo trasparente molto largo, e parziale i altezza, che scrolla con la pagina;
...provali e dimmi...
Auteur
si kolAsim...quello a pagina1 è quello che cerco io
... allora ci siamo quasi, ed è molto semplice...
... io ho usato questa mia immagine per lo sfondo largo che scrolla con la pagina: http://www.zspace.it/kolasim/website/divcustomK/images/sfondotraspk3.png
... tu che immagine devi usare...?...
... ha misura fissa questa barra in altezza, o deve essere variabile/aggiornabile...?
ciao Giampy, non vedo la classe
.imBgStretcher
...ma lo sfondo adattabile è quello interno al programma?
se così fosse dovrebbe bastare abbassarne lo z-index inserendo al passo 1 sezione head
<style>
.imBgStretcher {z-index:-2 !important ;}
</style>
prova
... ho visto, va bene anche il tuo sfondo trasparente, solo che contiene una bordatura inferiore quindi non adatta per il TILE verticale...
... invece i miei sfondi possono essere ripetuti senza soluzione di continuità...
... quindi, se la barra è fissa di altezza, puoi usare benissimo il mio codice così com'è, altrimenti occorrerà prendere un piccolo provvedimento per modificarne le regole nella pagina...
... riguardo lo z-index, noterai che è a "-1", e con la v.7 va bene, non saprei però per quanto riguarda la v.9
.
fatto una prova rapida
http://zonatest.altervista.org/scroll/index.html
alla fin fine è la stessa cosa che dice kolasim...
Auteur
Silver...ma il codice che mi hai detto tu serve per lo z-index dello sfondo del sito impostato da programma?
KolAsim....ho pensato...non potrebbe essere un bug del programma...quindi arrivati a quel punto...non ci sarebbe piu nulla da fare...anke se facendo delle prove...ci sono riuscito in un modo...che vi posto stasera quando torno a casa...cosi lo carico e ne discutiamo insieme perche lo sfondo si adatta....ma facendo un esempio...se si steinge solo la finestra del browser...l immagine si allunga e quindi non mantiene l esatta dimwnsione pur adattandosi...comunque appena riesco vi posto quello che ho fatto :-)
Funzia anche con la 9 perfettamente....grazieeeeee
... se deve essere di misura fissa, che è possibile, appunto lo devi dire, ed è per quello chiedevo precisazioni...
.
bye, KolAsim
... ciao Mirko, è tutto merito tuo...
certo, hai visto la pa mia prova? sfondo addattabile del programma e sfondo trasparente inserito con div.
...
urca...!... non avevo visto l'esempio di 
... 
Buona anche questa come idea.....
Auteur
Ragazzi grazie a tutti per l entusiasmo che ci avete messo e per essermi stati di grande aiuto..ringrazio veramente tutti in particolare Mirko che mi ha assistito tantissimo :D
G R A Z I E !
Ma anche con l'aiuto di KOLASIM
Auteur
Certo certo tutti :D
Giampy ti vorrei chiedere una cosa, nulla di grave non allarmarti,
come ti contatto, va bene dal form del sito wad.... ( sei tu no?)
Auteur
sisi tranquillo anche da li...oppure ti lascio la mia email:
*** ;) tranquillo