Sito responsive 2 immagini per riga 
Autore: Laura M.
Visite 1245,
Followers 1,
Condiviso 0
Salve, nella versione desktop del sito che sto creando ho 4 immagini disposte su una riga; nella modalità responsive le incolonna 1 ogni riga.
c'è un modo per averne 2 su ogni riga? un codice esterno?
Grazie.
Postato il
non ho capito bene il discorso ... ma se vuoi avere due immagini su una riga prendi le due immagini le unisci con un editor grafico e le metti su una riga unica, ma forse non ho capito bene io
la soluzione di Giancarlo è la migliore, senza nessun codice esterno...
se non hai link sulle immagini....
Autore
Vi ringrazio per le risposte ma ho link sulle immagini quindi credo sia necessario un codice, lo sto cercando ma se foste così gentili da facilitarmi il lavoro :)
Grazie
ma sullo stile righe
... forse ti conviene utilizzare ad esempio un oggetto immagine o animated image in sequenza ed estenderli alla larghezza piena con il codice MAeSI e qui puoi mettere il link ... è un'ipotesi
... eventualmente posta il LINK delle prove per vedere la situazione attuale...
.
è proprio quello che usa, credo, ma a risoluzione bassa si incolonnano una sopra l'altra, invece ne vorrebbe 2 nella stessa riga, anche se poi diventerebbero talmente piccole che non le vedi neanche...
però come detto da Giancarlo, qui una vecchia mia prova con animated image:
http://www.mirboprova.altervista.org/@beta_14-2/pagina-15.html
a meno che non si restringa la pagina tantissimo sembrerebbe funzionare.....
Autore
Non ho risolto ma grazie a tutti
Se ho capito cosa vuoi fare:
Nella pagina contenente le 4 immagini, nella sezione esperto inserisci questo foglio di stile prima della chiusura del tag head.
Devi solo personalizzare i riferimenti delle celle che contengono le immagini con il valore delle tue celle
<style>
@media (max-width: 359px){
#imCell_3{
width:50%!important;
float:left!important;
}
#imCell_2 {
width:50%!important;
float:right!important;
}
#imCell_4 {
width:50%!important;
float:right!important;
}
#imCell_5 {
width:50%!important;
float:right!important;
}
}
</style>
Buongiorno Laura,
per migliorare la leggibilità del sito gli elementi nella risoluzione mobile sono tutti incolonnati.
Se vuoi puoi ridurre l'ultimo breakpoint fino a 320px (passo 2, Risoluzioni e Responsive Design) così che solo chi ha questa risoluzione veda gli elementi incolonnati.
In dispositivi con una risoluzione più grande vedranno le 4 immagini sulla stessa riga.
Spero di esserti stato utile.