WebSite X5Help Center

 
Web Easy
Web Easy
User

Tabella responsive per cellulare incomedia 15  it

Autor: Web Easy
Besucht 1354, Followers 2, Geteilt 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

Gepostet am
6 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
 ‪ 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Web Easy
Web Easy
User
Autor

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

Mehr lesen
Gepostet am von 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Web Easy
Web Easy
User
Autor

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

Grazie mille

Mehr lesen
Gepostet am von Web Easy
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪