WebSite X5Help Center

 
Web Easy
Web Easy
User

Tabella responsive per cellulare incomedia 15  it

Автор: Web Easy
Просмотрено 1360, Подписчики 2, Размещенный 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

Размещено
6 Ответы - 1 Полезно - 1 Корректно
 ‪ 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Web Easy
Web Easy
User
Автор

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

Читать больше
Размещено От 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Web Easy
Web Easy
User
Автор

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

Grazie mille

Читать больше
Размещено От Web Easy
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

Читать больше
Размещено От  ‪ KolAsim ‪ ‪