WebSite X5Help Center

 
Andrea S.
Andrea S.
User

Problema Tabelle Responsive  it

Autore: Andrea S.
Visite 2275, Followers 3, Condiviso 0  

Ho pubblicato il mio primo sito fatto con WebsiteX5 http://www.exalunnecastiglioni.it nelle pagine ho spesso utilizzato tabelle, però quando guardo il sito da smartphone il contenuto delle tabelle lo devo scorrere orizzontalmente, come posso fare? è possibile impostare la larghezza in percentuale e non in pixel?

Come si fanno le tabelle responsive?

Grazie 1000

Postato il
6 RISPOSTE
Luigi Dell'aquila
Luigi Dell'aquila
User

Purtroppo per ore le tabelle non sono responsive

Leggi di più
Postato il da Luigi Dell'aquila
Andrea S.
Andrea S.
User
Autore

Ok grazie, rifarò le pagine del sito con solo testo.

Suggerimento, sarebbe utile poter impostare la larghezza delle tabelle e delle celle/colonne in percentuale al posto che solo in px.

Cordiali saluti

Leggi di più
Postato il da Andrea S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT
Andrea Simoni
... ... ... ... ... sarebbe utile poter impostare la larghezza delle tabelle e delle celle/colonne in percentuale al posto che solo in px. ... ...

... se proprio non si riesce a realizzare una tabella ad hoc, si potrebbe fare, per come si è sempre fatto in passato, tramite Oggetto Codice HTML incollando il derivato TAG TABLE ottenibile semplicemente con OO.oWriter/Web, o con altri WordProcessor, e nel caso sarebbe tabella elastica...

... altri diversi semplici modi si possono implementare seguendo questi Siti, http://goo.gl/jwzPtJ   ...il primo è con tabella elastica; ...nel secondo è elastica+responsive, tagliando la tabella ed incolonnando le celle a secondo delle finestra, eccetera eccetera per gli altri simili risultati della lista, ...tra i quali scegliere il procedimento che risulti più amichevole...

.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Andrea S.
Andrea S.
User
Autore

grazie KoloAsim, effettivamente intervenendo con css posso rendere le tabelle responsive, ma poi come uso le classi ed evito che ad ogni modifica del tema mi vengano eliinate le mie personalizzazioni?

Leggi di più
Postato il da Andrea S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PT

... nel pannello ESPERTO dell'Oggetto Codice Html, puoi inserire le classi e stili puri, senza il TAG STYLE...

... oppure, nel pannello ESPERTO, sezione prima della chiusura di /HEAD, delle proprietà pagina al Passo_2,  puoi inserire classi e stili  racchiusi nel TAG STYLE...

... non ho il programma per entrare nel merito, ma la regola generale per inglobare codici extra è appunto questa detta, e saranno definitivamente incorporati nel progetto stesso, e sempre modificabili...

...IDEA!! ... in più, questa è una mia invenzione EXTRA, unica ed esclusiva, che non trovi in giro, per rendere le tabelle elastiche, ideata proprio per la v.12 e valido sempre:

<style> table {word-break: break-all;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>

.

... x parole intere >> word-break: break-word;

... in alterntiva al precedente, a seconda dei casi si può usare questo codice semplificato:

<style> table {word-break:break-word;width:100% !important;} </style>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪