Joomla.it Forum

Joomla! 3 => Joomla! 3 => : davix10 03 Oct 2016, 10:04:15

: Tabella con immagini
: davix10 03 Oct 2016, 10:04:15

Salve a tutti, ho aggiunto una tabella su un articolo di joomla ma ho un problema di visualizzazione su mobile. Pur avendo messo il valore della tabella in percentuale sul cellulare visualizzo le due colonne a schermo pieno ma le immagini risultano schiacciate anche perchè i valori delle immagini le ho messi in percentuale.
Come posso fare per evitare questo problema? Avevo pensato di mettere tutto sulla stessa colonna quando si passa alla visualizzazione da mobile. E' una cosa fattibile?


Grazie

: Re:Tabella con immagini
: matty80 03 Oct 2016, 10:16:17

https://www.google.it/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=tabelle%20responsive%20joomla

: Re:Tabella con immagini
: davix10 03 Oct 2016, 16:29:07

Ho provato a cercare ma non riesco a trovare la soluzione ideale. Avrei bisogno di avere:
full-screen
1             2
3             4
5             6


tablet/mobile
2
1
3
4
6
5

: Re:Tabella con immagini
: conti1 03 Oct 2016, 16:58:28

ciao
la soluzione migliore e creare un html personalizzato con div
esempio

<div class="div1">
<div class="div2">
che si affiancano con float se visualizzato  full-screen

poi ti crei  un bel css x le varie misure e sei appoasto

@media only screen and (max-width: 320px) {

qui tuo css
}

in questo modo hai  quel che richidi

ps: se useresti un template responsive non avresti bisogno di quanto detto

un esempio qui  (http://forum.joomla.it/www.elettronicavettura.it)gurda il terzo articolo e fatto  come un articolo normalissimo  e se lo visualizzi su celll le immagini si  allineano  perfettamente , il template e responsive

: Re:Tabella con immagini
: giusebos 03 Oct 2016, 20:27:48

userei le classi bootstrap così non si sta ad inventare niente di nuovo e sfrutta cosa già esiste sotto il cofano. Al 99% il template userà bootstrap, ma per sicurezza basterà linkare il sito.

: Re:Tabella con immagini
: davix10 03 Oct 2016, 20:42:54

Grazie per le risposte! Sicuramente supporta bootstrap solo che non riesco a capire bene come invertire le righe, c'è una guida ben fatta?

: Re:Tabella con immagini
: giusebos 03 Oct 2016, 20:53:56

non so ma in rete si trova molto, poi magari metti insieme le informazioni e fai.

: Re:Tabella con immagini
: conti1 03 Oct 2016, 21:19:30

ciao nessuno a detto che i div sono una novità, da esempio messo se il template e fatto bene non serve inventarsi nulla il tutto funziona con un semplice articolo con inmmagini   affiancate , quando la visione e ridotta si allineano in verticale in base allo spazio.

: Re:Tabella con immagini
: davix10 04 Oct 2016, 11:13:17

Ho provato a cercare in rete ma non riesco a scambiare le righe per la visualizzazione da mobile. Per ora ho inserito questo e funziona:

:

<div class="row10" align="center">
<div class="row">
<div class="col-xs-12 col-sm-6 ">foto1<>
<div class="col-xs-12 col-sm-6 ">testo1<>
<div class="col-xs-12 col-sm-6">testo2<>
<div class="col-xs-12 col-sm-6">foto2<>
<div class="col-xs-12 col-sm-6">foto3<>
<div class="col-xs-12 col-sm-6">testo3<>
<>

Però non riesco ad usare i push e i pull

: Re:Tabella con immagini
: conti1 04 Oct 2016, 14:45:29

se metti un link al sito e più facile che qualcuno ti dia la soluzione