Suport d'Àgora-EIX: [RESOLT] Taules a la versió mòbil

Bona tarda,

al Nodes del Seguí https://agora.xtec.cat/iessalvadorsegui/ hem creat un inici temporal pel període de portes obertes digitals i preinscripció. El cas és que les tres imatges (clauer, calendari i escriptori de treball) estan inserides en una taula.

Quan accedeixes a la pàgina des del mòvil (sense tenir activat la versió d'escriptori), només es mostra la primera imatge. Això ho puc solucionar?

Atentament,

Jorge

(Editat per Administrador/a XTEC - Missatge original enviat el divendres, 15 maig 2020, 13:41)

Re: Versió mòbil

par IGNACIO BENITO ABEJARO BOSCH, lundi 18 mai 2020, 10:18

Bon dia Jorge

No ho tinc clar que es pugui solucionar, he vist que les imatges son dins d'una taula que conté estils, podeu provar a eliminar-los potser amb això es veurà millor des del mòbil.

salutacions

Re: Versió mòbil

par JORGE DIAZ MORENO, mercredi 20 mai 2020, 01:32

Funciona! M'he esperat a la nit per "no liarla parda". També funciona l'opció que comenta en Xavier Meler. Moltes gràcies!

Re: Versió mòbil

par XAVIER MELER GUTIERREZ, lundi 18 mai 2020, 11:37

Hola Jorge,

Els estils no ajudaràn gaire. Les taules, per definició, no són adaptatives (responsive) i s'haurien d'evitar. Si vols crear una distribució tipus taula responsive, pots fer servir "divs". Hauràs de fer servir html, a la pestanya text. Si vols tres columnes enganxa això:

<div class="row">

<div class="small-12 large-4 columns">Contingut A</div>

<div class="small-12 large-4 columns">Contingut B</div>

<div class="small-12 large-4 columns">Contingut C</div>

</div>

La idea és que les columnes han de sumar 12. small correspón a la versió mòbil (cada columna ocupa 12, tot l'espai, o sigui que no veuràs columnes) i large a la versió escriptori (cada columna ocupa 4, 1/3 de l'espai). Substitueix el Contingut A, B, C per el contingut que vulguis.

Tens més exemples aquí: https://get.foundation/sites/docs-v5/components/grid.html

La propera versió de NODES ja portarà un editor gràfic per crear composicions de manera visual.

Salutacions,

Xavi

Re: Versió mòbil

par JORGE DIAZ MORENO, mercredi 20 mai 2020, 01:32

Funciona! M'he esperat a la nit per "no liarla parda". També funciona l'opció que comenta l'Ignacio Abejaro. Moltes gràcies!