WebSite X5Help Center

 
Salvo M.
Salvo M.
User

Galleria larghezza 100%  it

Auteur : Salvo M.
Visité 954, Followers 3, Partagé 0  

Salve a tutti,

avrei bisogno di inserire una galleria con (justified gallery..o altro) a tutto schermo come larghezza a 100%.

ho provato ad inserire nella sezione esperto della pagina questo codice: 

#imPageRow_12{
margin: 0px;
padding: 0px;
width: 100%;
}

tra ovviamente style, dove 12 è il numero della riga corrispondente alla galleria...ma non funziona...c'è qualche errore nel codice? o cosa?

Posté le
18 RéPONSES - 1 CORRECT
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

Metti un link, hai calcolato bene il numero della riga, considera che se hai tre righe legate viene conteggiata come 1 riga

Lire plus
Posté le de Giancarlo B.
Salvo M.
Salvo M.
User
Auteur

una riga singola è...non è pubblicato il sito :(

Lire plus
Posté le de Salvo M.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

Prova ad aggiungere important 

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

In teoria non dovrebbe servire

#imPageRow_1 div {
padding: 0;
width: 100%;
}

Lire plus
Posté le de Giancarlo B.
Salvo M.
Salvo M.
User
Auteur

no, ho provato ma niente da fare, ci sono sempre i margini :(

Lire plus
Posté le de Salvo M.
Salvo M.
Salvo M.
User
Auteur

l'effetto che vorrei è QUI  sotto la voce our menu, dove utilizzo una galleria con 4 immagini in una sola riga, e non avere dunque i bordi ma avere tutto lo spazio disponibile

Lire plus
Posté le de Salvo M.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

Ciao Salvo, se hai seguito i consigli non puoi sbagliarti quello è il codice da inserire e l'unica variante è il numero della  ROW ...
naturalmente per vederlo devi forzare l'anteprima con CTRL + Anteprima...
diversamente o mi invii il progetto oppure lo metti online su uno spazio free per poterlo vedere ...

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

... domanda .. quante immagini ci sono in orrizzontale ?

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

io Salvo non ho l'oggetto justified gallery ma ho la masonry che credo cambi poco

ed utilizzando questo codice


#imPageRowContent_12,
#imPageRow_12 div[id^="imCell"] {
padding: 0;
width: 100% !important;
height: auto!important;
}

@media (min-width: 720px) {
#imPageRow_12 .masonry > div > div {
width: 20% !important;
}
}

il risultato è questo...

http://www.giancarloweb.it/template/b&b/galleria.html

Lire plus
Posté le de Giancarlo B.
Salvo M.
Salvo M.
User
Auteur

su "imcell" cosa metto??

per intenderci questa è la riga 9 con la galleria

su proprieta PAGINA ESPERTO ho messo questo codice:

<style>
#imPageRowContent_9 div {
padding: 0;
width: 100%;
}
</style>

se metto il codice che mi dici tu Giancarlo, come va messo? nel senso su imcell?? E PERCHè Width 20% ?? :D

Giancarlo B.
io Salvo non ho l'oggetto justified gallery ma ho la masonry che credo cambi poco ed utilizzando questo codice #imPageRowContent_12, #imPageRow_12 div[id^="imCell"] { padding: 0; width: 100% !important; height: auto!important; } @media (min-width: 720px) { #imPageRow_12 .masonry > div > div { width: 20% !important; } } il risultato è questo... http://www.giancarloweb.it/template/b&b/galleria.html
Lire plus
Posté le de Salvo M.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

fai lo screeshot dello stile righe

Lire plus
Posté le de Giancarlo B.
Salvo M.
Salvo M.
User
Auteur

ovviamente ancora devo sistemare il responsive.

Lire plus
Posté le de Salvo M.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

la row è la 6

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

le legate valgono per una

Lire plus
Posté le de Giancarlo B.
Salvo M.
Salvo M.
User
Auteur

ok ho capito adesso come si conta, il codice esatto che devo mettere dunque quale sarebbe? a parte ok cambiare la row in 6 l'ho fatto ma non cambia

Lire plus
Posté le de Salvo M.
Salvo M.
Salvo M.
User
Auteur

allora mettendo row 6 diventa così, ma tutto spostato a sinistra :D

Lire plus
Posté le de Salvo M.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

Ok Salvo ora hai capito come si conta la row ripeto il codice sotto è per la Masonry non ho l'oggetto  justified gallery 

se tu avessi la Masonry questo sarebbe il codice per 5 immagini orrizzontali il 20% = 100%/5 immagini

#imPageRowContent_6,
#imPageRow_6 div[id^="imCell"] {
padding: 0;
width: 100% !important;
height: auto!important;
}

@media (min-width: 720px) {
#imPageRow_6.masonry > div > div {
width: 20% !important;
}
}

Lire plus
Posté le de Giancarlo B.
Salvo M.
Salvo M.
User
Auteur

grazie mille risolto chiudo

Lire plus
Posté le de Salvo M.