Tabella nella funzione responsive
Autore: Damiano F.
Visite 2522,
Followers 4,
Condiviso 0
Il mio sito contiene questa pagina
http://www.sportellocittadino.it/sedi.html
La tabella che vi è contenuta nella visualizzazione non desktop non appare nella sua interezza ma occorre farla scorrere per leggere quanto nei vari campi.
Vi è una possibilità di trovare una soluzione acchè tutto sia visibile?
Sperando di essermi spiegato, ringrazio per quanto potrà essermi detto nel merito.
Damiano Favaloro
Postato il
La tabellanon è responsive se vuoi renderla tale leggi qui
http://quellidelcucuzzolo.blogspot.it/2015/12/tabella-responsive-website-x5-12.htmlhttp://quellidelcucuzzolo.blogspot.it/2015/12/tabella-responsive-website-x5-12.html
Ciao
Altrimenti faresti prima ad inserire degli oggetti testo affiancati, poi ti basta giocare sui loro margini...
... senza stare a guardare il layout della pagina, per una tabella non responsive, ma elastica, posso proporti un dei miei escamotages/invenzioni, semplice ed immediato, che puoi valutare rapidamente incollando il codice al:
>> Passo 1 - Impostazioni > Avanzate > Statistiche, SEO e Codice > Sezione Esperto | ▪Codice personalizzato | ▼Prima della chiusura del tag HEAD
.
e cioè ?
...... ... grazie! ... ...
... la stringa di codice mancante:
<style> table {word-break: break-all;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
.
direi che funzia anche bene, qui la prova:
http://www.mirboprova.altervista.org/prova_beta_13/pagina-3.html
... grazie Mirko, ... spero sempre nei tuoi test, quando puoi, per me fondamentali ... grazie
Autore
Perfetto!!!! Grazie KolAsim, ho provato in locale e funziona, esso in linea altrettanto egregiamente.
http://www.sportellocittadino.it/sedi.html
P.S.: Puoi spiegarmi lo script?
Ancora grazie!!!
.1) ... il contenuto del tag <style> spezza il testo intero troppo lungo per la cella, necessario per gli indirizzi email;
.2) ... il contenuto del tag <script> jQuery annulla il valore width assegnato alla tabella direttamente nel codice della pagina, rendendo la tabella elastica.
ciao
.