Problema Tabelle Responsive
Autore: Andrea S.
Visite 2662,
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
Purtroppo per ore le tabelle non sono responsive
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
Per fare una tabella responsive potresti inserire direttamente il codice in un oggetto html. Ecco un esempio
http://www.luigidellaquila.it/news/tabella.html
... 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...
.
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?
... 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>
.