Fòrum Àgora-NODES

[RESOLT] Taules a la versió mòbil

[RESOLT] Taules a la versió mòbil

per JORGE DIAZ MORENO -
Nombre de respostes: 4

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)

In reply to JORGE DIAZ MORENO

Re: Versió mòbil

per IGNACIO BENITO ABEJARO BOSCH -

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

In reply to JORGE DIAZ MORENO

Re: Versió mòbil

per Xavier Meler -

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