Affiancare 2 celle in modalità responsive 480
Autore: Cristiano C.
Visite 1963,
Followers 1,
Condiviso 0
Salve a tutti (Visitsicily.eu)
La mia pagina a definizione 960 contiene 4 immagini in orizzontale da 240 pixel (TOT 960)
Perche' con responsive, passando a definizione 480 (Telefono) non riesco ad avere 2 immagini da 240 in orizzontale??
Grazie in anticipo
Cristiano
Postato il
Strano dovresti invece averle appaiate.
Controlla i margini esterni e interni in stile: anche loro contribuiscono alla larghezza dell'immagine.
Attento però che la risoluzione 480 è da 480 a 0, qundi se il telefono ha una risoluzione più bassa di 480 (es 320) le immagini le appaia.
Ciao
Volevo dire non le appaia
Buongiorno Cristiano,
prova a seguire i consigli di Giorgio e facci sapere se hai difficoltà.
Autore
Giorgio , Riccardo
ho tolto margini interni / esterni
ho provato con 2 immagini larghe 240 , 230 , 150 , 100 NIENTE le immagini sul cellulare non vengono appaiate manco morte...vengono visualizzate singolarmente, non so se sbaglio qualcosa
Grazie
Cristiano
...ma qual'è la pagina dove hai quel problema ?
Devi mettere a 0 anche i margini in struttura modello risoluzione 480.
per avere due colonne devi aggiungere un breakpoint di 320px
Autore
Signori scusate ma non ne esco fuori
forse con la versione evolution non si possono visualizzare caselle responsive appaiate...ho azzerato anche i margini del contenuto pagina
www.visitsicily.eu/sicily-highlights.html
ho fatto diverse prove con immagini a 160 240 320 ma niente o tutte orizzontali con risoluzione a 720 o tutte in verticale sotto i 720.
Grazie
Cristiano
creati una immagine singola che ne contiene 2, cosi metti 2 celle con 4 immagini e sicuramente ti restano sulla stessa riga...molto più semplice, senza dover toccare niente...
in poche parole una immagine unica in una cella cosi:
Con la Evo hai meno possibilità di aggiungere breakpoint...
...comunque anche se aggiungessi un breakpoint a 320 , avresti , secondo me , la doppia colonna da 480 a 320 , ma poi da 320 a 0 una colonna unica...
quindi devi creare un'immagine unica... vedi sopra suggerimento di Mirko...
Se lo permette può anche inserire un breakpoint a 200 e risolve.
Autore
Signori
deduco che la doppia colonna con il responsive di websitex5 NON ESISTE! , ci sono 2 opzioni quella base e quella ad 1 colonna.
Mirko
grazie per il suggerimento ma le immagini sono collegate a dei link diversi.
Cristiano
non si può mettere un breakpoint inferiore a 320
metti le due immagini in oggetto testo , così puoi mettere ad entrambe il link...
oppure lasci una sola colonna... , se vanno su due probabilmente si rimpiccioliscono anche troppo ,a mio parere
Buongiorno Cristiano,
preciso solo che nell'ultimo breakpoint tutti gli elementi vengono incolonanti e non è possibile modificare questa impostazione. Per i breakpoint precedenti puoi pesonalizzare la visualizzazione.
Autore
Buongiorno Riccardo
sugli schermi smart phone c'e' abbastanza spazio per mettere 2 oggetti affiancati , il responsive dovrebbe prevedere 2 oggetti affiancati in futuro , prendetelo come un suggerimento.
Grazie e Saluti
Cristiano
Autore
Riccardo
Attulamente li elementi vengono incolonnati dal PENULTIMO breakpoint ovvero sotto i 720, come si cambia l'impoostazione per avere tutte le colonne tra 720 e 480?
Grazie
Cristiano
... purtroppo non posso provare, ma l'aspetto che vorresti avere a 480 lo dovresti impostare nel 720 per la v.EVO, ove predisporre per l'appaiamento...
[ot] ... la mappatura che mi pare di aver visto in altro topic non mi sembra elastica(responsive)...
.
Buongiorno Cristiano,
dovresti andare al secondo breakpoint e verificare se ci sono delle interruzioni di riga che posizionano gli oggetti a capo.
cmq a 480 px si posiziona solo un'oggetto e non 2.