Z-index imsitemap.html e imsearch
Autore: Roberto LuchiCiao a tutti,
ho inserito una SlideShow creata con WosSlider sul mio progetto inserendo su "Statistiche, SEO e Codice" nella sezione "Prima della chiusura del tag Body" con questo codice
<div ID="sfondofull" style="position:absolute; top:65px; width:100%; height:300px;z-index:0">
<iframe src="wowslider.html" width="100%" height=300 scrolling="no" frameborder="no" allowtransparency="true"></iframe> </div>
ma adesso ho un problema con le pagine che crea in automatico websitex5 la imsitemap.html e imsearch nel senso che le prime righe non sono cliccabili mentre sulle mie pagine non ho questo problema, se cambio il valore della z-index che ho inserito sopra in -1 risolvo il problema ma in questo modo non mi funzionano più i pulsanti della SlideShow.
Penso che bisognerebbe agire sulla z-index delle pagine imsitemap.html e imsearch ma come si fa?
Oppure c'è un'altro soluzione?
dove sbaglio Grazie
su www.ciet.it/test su Menu info-->Mappa del Sito potete vedere i test
Saluti
hai messo 300 com altezza.....a me sembra di meno però, prova a calare l'altezza....e qui
width="100%" height=300 scrolling="no"
mancano le virgolette nel 300....
prova in proprietà pagina di quelle 2 questo nel tag head:
<style>
#imPage {
z-index:10000001
}
</style>
ma poi a cosa ti serve la imsitemap nel menu...?
se vuoi ti appare già nel menu in basso...
@Roberto:
OT: ricordati di mettere la Partita iva in Home Page ...
OT: wowslider gratuito sarebbe solo per siti non commerciali ...
... devi assegnare l'altezza di 200px al DIV_CUSTOM "sfondofull" e di "200" all'IFRAME contenuto, (al posto dei 300 attuali), e nell'IFRAME eliminare anche il codice errato z-index:"-1"
.
Autore
Mirko la mia slideshow è 1920x300 per questo ho messo 300
ho provato a mettere
<style>
#imPage {
z-index:10000001
}
</style>
sulla imsitemap.html ma così facendo non mi funzionano più i pulsanti della SlideShow.
Ho corretto le virgolette nel 300 ma non cambia nulla!
Ho messo la insidemap sul menù perchè il menu che mette website in basso è bruttino e non si riesce molto a personalizzare (almeno non ci riesco io...non so con eventuale codice!)
Non ne esco...Aiuto!!
Grazie Ciao
X
Autore
Claudio,
la PI la metterò adesso erano solo prove, per quanto riguarda wowslider appena ho finito il progetto lo acquisto adesso erano solo prove perchè se non mi va bene non lo uso e quindi non lo acquisto, il sito non è ancora in linea.
Grazie Ciao
segui qui....
Autore
KolAsim
se metto l'altezza 200 essendo la mia slideshow è 1920x300 mi viene tagliata, e poi il problema si ripresenta quando stringo la pagina.
Nnell'IFRAME lo z-index:"-1" lo avevo messo per fare delle prove e avevo dimenticato di eliminarlo nel test che ho pubblicato, sul mio progetto non c'è ma non cambia nulla.
Altri suggerimenti?
Grazie dell'aiuto.
Ciao
Autore
Mirko ho provato il suggerimento di KolAsim...gli ho appena risposto ma ancora non funziona!!!! :(
cosa posso provare?
Grazie Ciao
Autore
Provo a illustrare quello che ho capito io (forse vi è di aiuto ad aiutarmi) praticamente la slideshow è alta 1920x300 e quindi quando vado sotto questa risoluzione (1920) ho il problema, sopra questa risoluzione va tutto bene, quando vado sotto 1920 praticamente l'immagine della slideshow ridimensionandosi è alta meno di 300 ma avendo fissato "height:300px" fisso praticamente lui ci mette una striscia che ha lo sfondo trasparente e da fastridio al corpo avendo penso z-index inferiore.
Grazie come al solito del vostro interessamento. Ciao
X
Autore
Altra prova che ho fatto:
Se sulla Home metto
<style>
#imPage {
z-index:0
}
</style>
si presenta lo stesso problema e mettendoci
<style>
#imPage {
z-index:auto
}
</style>
il problema è risolto, ma se metto la stessa cosa "auto" sulla pagina imsitemap il problema rimane, non capisco come mai!!
Ciao a tutti
Autore
Un'altro dilemma...come mai quando stringo la finestra in orizzontale si vede la barra di scroll in basso e se mi sposto a dx ho problemi con le fasce orizzontali?
Ciao
... ma!, ...in rete non le vedo attuate, errore compreso...!...
.
Autore
KolAsim,
avevo fatte dei test solo in locale, adesso ho aggiornato la versione in rete con le tue modifiche, come vedi quando allarghi molto la slideshow viene tagliata avendo messo 200 e la slideshow è alta 300, e quando stringi il problema si ripresenta e non si riesce a cliccare sulle prime righe della www.ciet.it/test su Menu info-->Mappa del Sito
Grazie, hai altri suggerimenti da provare?
Ciao
...!?.. adesso però vedo che in modalità normale dal primo breakpoint (1151px) i link funzionano...
... vedo anche che hai alterato il codice inserendo codice personalizzato extra, che sicuramente dovrai rivedere ad hoc! ...
... fai il test su un progetto normale...
.
Autore
KolAsim, Ho creato un progetto normale con solo la slideswow per vedere meglio il problema con le modifiche che mi hai detto (altezza 200 e ho tolto nell'IFRAME lo z-index:"-1" ) puoi vedere il risultato su www.ciet.it/test2
come vedi quando allarghi molto la slideshow viene tagliata avendo messo 200 e la slideshow invece è alta 300, e quando stringi il problema si ripresenta e non si riesce a cliccare sulle prime righe
Grazie Ciao
X
... tutto sta in quanto di ho detto prima: "... vedo anche che hai alterato il codice inserendo codice personalizzato extra, che sicuramente dovrai rivedere ad hoc! ..."
... cioè, devi manomettere il codice media-query che hai inserito di extra...
... non posso perderci tempo più di tanto, ma a grandi linee dai un'occhiata qui: http://www.zspace.it/kolasim/spazz/iframeRoberto149499.html
(... non ho il programma, comunque penso che potevi anche inserire lo slideshow extra direttamente nel Progetto...)
.
Autore
Ciao KolAsim,
su questo link http://www.zspace.it/kolasim/spazz/iframeRoberto149499.html
è uguale alla mia versione ma con 300 al posto di 200 ma il problema persiste.
Quale è la modalità migliore per inserire la mia slideshow io ho inserito semplicemente queste 2 righe sul tag BODY del mio progetto
<div ID="sfondofull" style="position:absolute; top:65px; width:100%; height:300px;z-index:0">
<iframe src="wowslider.html" width="100%" height="300" scrolling="no" frameborder="no" allowtransparency="true"></iframe> </div>
e caricato i file css e js che mi ha creato WOWSlider e chiaramente il file wowslider.html
grazie Ciao
se non ho sbagliato a verificare , a mio parere il discorso del "taglia" non è da tener conto. intanto perchè lo fa a risoluzioni folli : 2748px e poi il problema del "taglio" è un problema del file wowslider ...
infatti se fai la prova con il file generato da loro , si verifica indipendentemente dal tuo progetto
http://www.ciet.it/test2/wowslider.html
... non vedo quale, visto che mi riferivo al link in pagina e che adesso vedo funzionare; ...sulle media query ovviamente devi lavorarci tu per un congruo risultato...
... per il resto, non avendo il programma non posso dirti di più...
... forse! ...se usi direttamente nel progetto i codici dello slideshow, inserendoli per quanto riguarda il body dopo l'apertura del BODY, quindi sopra alla barra del menu, potresti avere un risultato migliore; ... i codici presenti in head ovviamente li inserirai prima della chiusura di HEAD, ...ma per tutto questo devi pensarci tu...
.
Autore
KolAsim,
sulla homepage e su tutte le pagine che creo io non ho il problema, il problema è soltanto sulla pagina che crea in automatico websitex5 la imsitemap.html e imsearch nel senso che le prime righe quando stringi non sono cliccabili.
Suggerimenti in merito?
Grazie della pazienza :) Ciao
... per conto mio, già detto, "media query", cioè agire all'interno delle relative istruzioni che hai inserito in HEAD/STYLE:
@media screen and (max-width: XYZpx) { #imContent {padding-top: XYZpx;} }
... al posto di XYZ inserire i relativi valori numerici congrui per un risultato ottimale...
... altrimenti, sempre come già detto, se posizioni il div_custom in 3^ selezione, cioè dopo l'apertura del BODY, e quindi vedersi sopra alla barra del menu, forse! dovresti/potresti semplificare; purtroppo senza del programma non posso pensare e dire di più traddandosi di fattori extra, ma se lo conosci non dovresti avere problemi, e magari attendi eventuali altri interventi...
.
ciao
Autore
Ciao a tutti,
ce l'ho fatta, questo è il risultato provvisorio http://www.econetsrl.info/test
Grazie a tutti!