Ordinamento oggetti nella pagina alle varie risoluzioni
Autore: Frederic P.Buonasera, vorrei inserire in una home page oggetti alternati (tipo scacchiera) foto e testo affiancati orizzontalmente (50%+50%) e nella riga successiva inverendo l'ordine prima testo e poi foto e così via in modo alternato per ogni riga successiva.
FOTO - testo
testo - FOTO
FOTO - testo
.....
Purtroppo riducendo la dimensione della finestra a dimensione tablet o smartphone alla fine ottengo foto su una riga testo sulla riga successiva, poi a seguire nuovamente testo e foto e così a seguire.
FOTO
testo
testo
FOTO
......
Ho provato a modificare le impostazioni nella sezione responsive ma l'opzione ordine oggetti a risoluzioni adatte a dispositivi quali tablet e mobile non è selezionabile.
Mi potreste aiutare?
Qui il link delle prove:
http://www.lombardoserramenti.it/test2/
Grazie
... in base alla disposizione e quantità degli oggetti nella riga (nr.ogg. 1,2,3) ed in base ai tre breakpoint impostati, non puoi aver altra impaginazione di quella che hai impostato...
... con la v.13_PRO avresti 10 breakpoint da impostare liberamente...
(nota personale: ...tra gli altri codici extra, vedo che hai usato anche quello del mio div_custom+iframe dinamico, vanificandone la dinamicità, ridotto negli effetti a quello con altezza fissa di base che avevo pur sempre anzitempo proposto, e che comunque si presenta bene...)
.
Ciao, tu vorresti che si dispongano così gli oggetti alle risoluzioni responsive?
FOTO
testo
FOTO
testo?
Se è quello che intendi si può fare, io qui ho realizzato la disposizione come ti ho descritto sopra ed inizialmente ho a scacchiera:
FOTO - Testo
Testo - FOTO
vedi un po': http://www.vivaiopolignano.com/ in HOME nella sezione "Perchè scegliere i nostri prodotti"
Fammi sapere, se è quello che intendi poi ti dico come fare. Ciao ciao
Autore
Buonasera, grazie per le risposte.
Si Giuseppe è proprio quello che vorrei realizzare, mi potresti dire come procedere?
Grazie
OK, più tardi inserisco un video su Youtube e ti metto qui il link così vedi come fare. Non è difficile in fondo. A dopo
Ah scusami, tu hai la versione Evolution... Non puoi attivare le interruzioni di riga (tranne se non lo fai con del codice esterno e credo che tu lo abbia fatto con del codice esterno sul tuo sito, diversamente non credo si sarebbero posizionati uno sotto l'altro gli oggetti testo/immagine).
Il tutorial ti fa capire ugualmente come procedere per risolvere il problema, solo che non puoi utilizzare le interruzioni di riga da programma ma dovrebbe funzionare se tu hai inserito le interruzioni di riga con codice extra.
Questo è il link del video: https://youtu.be/bySi7yO3_nE
Fammi sapere.
Autore
Non riesco a vedere il video, compare la scritta che non è disponibile.
Comunque per maggior chiarezza allego immagine dei breakpoint impostati, non posso impostare l'ordine di visualizzazione nelle risoluzioni diverse da quelle desktop.
Scusami lo avevo messo come privato invece che come "non in elenco"... ora dovresti vederlo se clicchi sul link
Quando fai l'ordinamento (è spiegato nel video) devi invertire l'ordinamento tra le caselle Testo e Immagine... cioè se l'Ordinamento normalmente è questo:
3 - 4
5 - 6
tu con la funzione "ordinamento" attivata dopo la prima coppia testo/immagine (3 e 4) non devi cliccare su 5 e poi 6 per continuare l'ordinamento ma dopo 4devi cliccare su 6 (che diventerà 5!) e poi clicchi su 5 (che sarà diventato invece 6), inverti 5 e 6 in pratica e poi fai anteprima e vedi alle varie risoluzioni
Autore
Grazie ho già effettuato tutte le prove e combinazioni il problema è solo ngli ultimi due breakpoint da 960px in giù:
impostando gli oggetti nella pagina secondo questo ordine
3 FOTO - 4 testo
5 FOTO - 6 testo
e nella sezione responsive impostando l'ordine corretto 3 - 4 - 6 - 5 funziona tutto finchè non si riduce la finestra del browser ai breakpoit sopra indicati.
Infatti scendendo di risoluzione ottengo sempre questa sequenza
3 FOTO
4 testo
6 testo
5 FOTO
Ho fatto diversi tentativi ma alla fine credo che l'unica soluzione sia quella di inserire l'oggetto testo che si estenda a tutta la riga ed al suo interno inserire la foto cambiando l'ordine di allineamento interno dell'immagine.
Anche se questa soluzione limita la mia necessità di inserire non una foto ma piccole slide con effetti.
Grazie