WebSite X5Help Center

 
Web Easy
Web Easy
User

Tabella responsive per cellulare incomedia 15  it

Autore: Web Easy
Visite 1184, Followers 2, Condiviso 0  

Ciao a tutti, dovrei realizzare una tabella responsive di questo genere, per il cellulare.

Come posso realizzarla in maniera tale che la formattazione del testo avvenga in modo corretto senza tagliare parole o andare a capo in maniera errata?

Grazie

Postato il
6 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... oltre a quanto di Mirko, ... ... 

... per poter valutare dovresti postare il link della pagina html pubblicata in rete...

... per quel che si vede, in teoria per rendere la tabella elastica potrebbe bastare questa stringa in Esperto | Prima della chiusura di /HEAD:

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

... ma con il LINK si potrebbe valutare dell'altro...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Web Easy
Web Easy
User
Autore

Salve,

ho utilizzato questro script 

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

mi fa difetto solo nella visualizzazione mobile.

il link di riferimento è questo: http://beta.ipcert.it/ccent-online-esame-100-105.html

Grazie ancora

Leggi di più
Postato il da Web Easy
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... infatti quel codice l'avevo già proposto ed era da valutare...

... direi che 340 pixel potrebbero andar bene; ...ho estratto il TAG TABLE e personalizzato in >> questo  modo (temporaneo!)...

... Ctrl + U  dal rigo 10 al rigo 20; ...basta fare copia incolla...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Web Easy
Web Easy
User
Autore

Scusami KolAsim non ho fatto in tempo a copiare il codice..potresti metterlo di nuovo?

Grazie mille

Leggi di più
Postato il da Web Easy
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ok, ...ho rieditato online; ...vedi > qui  (cogli l'attimo!) ... wink

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪