WebSite X5Help Center

 
Tommaso Tarallo
Tommaso Tarallo
User

Layout a strisce orizzontali quellidelcucuzzolo: barra orizzontale  it

Автор: Tommaso Tarallo
Просмотрено 1021, Подписчики 1, Размещенный 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:

http://icostarter.sitiwebapp.16mb.com/

Размещено
10 Ответы
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Usanso il codice CSS(in locale):

overflow-x: hidden;

la barra lampeggia 8appare e scompare)

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

ciao LemonSong grazie della risposta ma che codice dovrei aggiungere?

Читать больше
Размещено От Tommaso Tarallo
 lemonsong  
 lemonsong  
User

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 smile

Читать больше
Размещено От  lemonsong  
Tommaso Tarallo
Tommaso Tarallo
User
Автор

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

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

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

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

si nota d più a 480 px

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

tra 719 e 480 px come visualizzazione

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Ho aggiornato il progetto però ho notato che l'immagine su smartphone si vede allungata:

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

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

Читать больше
Размещено От Tommaso Tarallo