WebSite X5Help Center

 
Roberto Luchi
Roberto Luchi
User

Z-index imsitemap.html e imsearch  it

Autore: Roberto Luchi
Visite 1283, Followers 1, Condiviso 0  

Ciao 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

Postato il
24 RISPOSTE - 3 UTILI - 1 CORRETTO
Mirko Boschetti
Mirko Boschetti
Moderator

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....

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

prova in proprietà pagina di quelle 2 questo nel tag head:

<style>
#imPage {
z-index:10000001
}
</style>

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

ma poi a cosa ti serve la imsitemap nel menu...?

se vuoi ti appare già nel menu in basso...

Leggi di più
Postato il da Mirko Boschetti
Claudio D.
Claudio D.
Moderator
Utente del mese IT

@Roberto:

OT: ricordati di mettere la Partita iva in Home Page ...

OT: wowslider gratuito sarebbe solo per siti non commerciali ...

Leggi di più
Postato il da Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Roberto Luchi
... ... ... le prime righe non sono cliccabili ... ... ... 

... 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"

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
Mirko Boschetti
Mirko Boschetti
Moderator
 ‪ KolAsim ‪ ‪
  ... 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"

segui qui....

Leggi di più
Postato il da Mirko Boschetti
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
Roberto Luchi
Roberto Luchi
User
Autore

Mirko ho provato il suggerimento di KolAsim...gli ho appena risposto ma ancora non funziona!!!! :(

cosa posso provare?

Grazie Ciao

Leggi di più
Postato il da Roberto Luchi
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Roberto Luchi
Mirko ho provato il suggerimento di KolAsim...gli ho appena risposto ma ancora non funziona!!!! :( ... ... 

... ma!, ...in rete non le vedo attuate, errore compreso...!... 

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!?.. 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...

.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...)

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
Claudio D.
Claudio D.
Moderator
Utente del mese IT
Roberto Luchi
 puoi vedere il risultato su www.ciet.it/test2 come vedi quando allarghi molto la slideshow viene tagliata

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

Leggi di più
Postato il da Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Roberto Luchi
... ... ma il problema persiste.... ... ...

... 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...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto Luchi
Roberto Luchi
User
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

Leggi di più
Postato il da Roberto Luchi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Roberto Luchi
... ... Suggerimenti in merito? ... ...

... 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪