Layout a strisce orizzontali quellidelcucuzzolo: barra orizzontale
Auteur : Tommaso Tarallo
Visité 1017,
Followers 1,
Partagé 0
Salve,
avendo usato il codice
http://quellidelcucuzzolo.blogspot.com/2016/11/layout-strisce-orizzontali-website-x5-13.html
adesso mi compare la barra orizzontale:
come posso risolvere?
Ecco il link:
Posté le
Auteur
Usanso il codice CSS(in locale):
overflow-x: hidden;
la barra lampeggia 8appare e scompare)
Qui trovi il perché con le ultime versioni compare la barra:
https://helpcenter.websitex5.com/fr/post/191991#comment21
Hai partecipato alla discussione quindi dovresti sapere anche la soluzione, in attesa di un eventuale aggiornamento di Incomedia.
Auteur
ciao LemonSong grazie della risposta ma che codice dovrei aggiungere?
Dalle immagini allegate nel post linkato si evince facilmente:
.imPageRow {
overflow-x: hidden;
}
Non vorrei essere brusco ma quest'anno qualche ora di ferie passale sul web a leggere un po' di guide.
"Ai miei tempi" ci toccava comprare riviste oppure libri, adesso è tutto free ed ovunque!
L'altro giorno il macellaio mi voleva dare un paio di display:none come resto... il furbetto
Auteur
Grazie Lemonsong, grazie ma come scritto nel post ho già usato questo codice css (in locale al momento) ma la barra orizzontale appare e scompare ad effetto flash.
Appena finisco di completare le modifiche inserisoc il post online
Auteur
CODICE PER MAPPA
#imPageRow_5 div, #imPageRow_5 iframe {
padding: 0;
width: 100% !important;
overflow-x: hidden;
}
/* spazio laterale sotto i 480px */
@media (max-width: 480px){
#imPageRow_3 {
width: 92% !important;
overflow-x: hidden;
}
}
CODICE PER IMMAGINE
#imPageRow_6 div {
padding: 0;
width: 100% !important;
overflow-x: hidden;
}
#imPageRow_6 img {
max-width:none;
height:750px;/* altezza dell'immagine trasparente */
overflow-x: hidden;
}
N.B. il numero degli id sono puramente indicativi
Auteur
si nota d più a 480 px
Auteur
tra 719 e 480 px come visualizzazione
Auteur
Ho aggiornato il progetto però ho notato che l'immagine su smartphone si vede allungata:
Auteur
per l'immagine ho risolto mettendo il valore di height 100% ma rimane sempre una fastidiosa barra verticale lampeggiante) e poi ho risolto definivament einserendo una swiper animated image con una sola immagine.
rimane solo il problema della barra verticale causata dalla mappa full screen.
ricordo ad Incomedia che la mappa sullo sfondo delle righe non serve a niente perchè:
- non è responsive a risoluzioni inferiori;
- non compare il marcatore della posizione ne la descrizone della via della posizione desiderata