Tabella con immagini

[davix10]

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

[matty80]

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

[davix10]

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

[conti1]

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 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

[giusebos]

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.

[davix10]

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

[giusebos]

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

[conti1]

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.

[davix10]

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:

Codice: [Seleziona]

<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

[conti1]

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