Layout a strisce orizzontali quellidelcucuzzolo: barra orizzontale
Autor: Tommaso Tarallo
Visitado 1015,
Followers 1,
Compartido 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:
Publicado en
Autor
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/es/post/191991#comment21
Hai partecipato alla discussione quindi dovresti sapere anche la soluzione, in attesa di un eventuale aggiornamento di Incomedia.
Autor
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
Autor
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
Autor
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
Autor
si nota d più a 480 px
Autor
tra 719 e 480 px come visualizzazione
Autor
Ho aggiornato il progetto però ho notato che l'immagine su smartphone si vede allungata:
Autor
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