WebSite X5Help Center

 
Antonio V.
Antonio V.
User

Tabelle elastiche e responsive  it

Auteur : Antonio V.
Visité 970, Followers 1, Partagé 0  

Salve, colgo l'occasione per augurari a tutti un felice Natale.

con la nuova versione del software non riesco a rendere elastiche ed responsive le tabelle. provato più volte con codici in mio possesso ma non funzionano.

Grazie

Posté le
16 RéPONSES - 4 UTILE - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... manca il LINK ...

.

*

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

Come ha suggerito Kol sarebbe meglio un link, questo menù è stato realizzato con le tabelle ed utilizza del codice per essere reso responsive, il codice ed i riferimenti sono nella pagina in HTML (crtl+u) vedi se ti può essere utile.

https://www.giancarloweb.it/template/darkpub/menu.html

Lire plus
Posté le de Giancarlo B.
Giuseppe Guida
Giuseppe Guida
User

Giancarlo ciao. Dal mio smarthpone si vede così quando clicchi sul Menù hamburger (il simbolo di chiusura menù non è visibile. Devi far scorrere il sito verso sinistra per vederlo)

Lire plus
Posté le de Giuseppe Guida
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

Grazie Giuseppe, verifico ... wink

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giancarlo B.
Grazie Giuseppe, verifico ...

... nella riga 4 hai due oggetti LOREM che eccedono il layout alle risoluzioni inferiori...

... per tabelle semplici a due colonne come la tua, sarebbe sufficiente il solo codice per le tabelle elastiche... ciao,  ...e ... .. .. . .

*

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

si esatto kol avevo sistemato.... grazie.

Se mi indichi il codice Kol.. delle tabelle elastiche facciamo una prova su quel template e lo vediamo online...

Lire plus
Posté le de Giancarlo B.
Antonio V.
Antonio V.
User
Auteur

Grazie per la disponibilità, ma non vedo nessun codice nelle risposte.

ad ogni modo il link del sito e questo: https://www.casadellamarmitta.com/ ma non capisco a cosa vi serve visto che che non ho nessuna pagina realizzata con le tabelle.

Giancarlo vedo che il tuo sito funziona, potresti cortesemente inviarmi la procedura? Grazie

questa e la mia mail: ***

Lire plus
Posté le de Antonio V.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

In realtà Antonio il codice è prelevabile direttamente sulle pagine come ti avevo suggerito sopra....

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Meilleur utilisateur du mois IT

Questo è quello di KolAsim per tabelle semplici con pochi campi (vedi secondo link)

... comunque c'è un mio escamotage, che rende la tabella elastica, (non responsive), da incollare nella sezione Esperto | >/HEAD:

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

Lire plus
Posté le de Giancarlo B.
Antonio V.
Antonio V.
User
Auteur

Grazie provo e ti doco

Lire plus
Posté le de Antonio V.
Antonio V.
Antonio V.
User
Auteur

Si il codice funziona benissimo. per caso sai anche come togliere la linea? vedi immagine.

non badare alla scritta e giusto una prova.

Lire plus
Posté le de Antonio V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio V.
Si il codice funziona benissimo. per caso sai anche come togliere la linea? vedi immagine. non badare alla scritta e giusto una prova. ... ... 

... come detto prima, per non perdere tempo occorrerebbe il LINK...

... comunque puoi far da te, individuare il selettore contenitore ed aggiungere nel precedente tag stile la stringa:

#imCell_XX div{overflow: hidden !important}

... dove XX sta per il riferimento al tuo selettore...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio V.
... ...  ad ogni modo il link del sito e questo: https://www.casadellamarmitta.com/ ma non capisco a cosa vi serve visto che che non ho nessuna pagina realizzata con le tabelle. ... ... 

... sei tu che hai parlato di tabelle e di codici, sia nel titolo che nella domanda...laughing...

... comunque  questo link mi sembra responsive e non vi sono tabelle...!...

OT: ... quello che noto è che lo slide della riga in testa forse starebbe meglio se fosse in modalità resize-ratio (nel caso occorrerebbe mio codice extra)! (vedi > qui), ...e poi noto anche che lo sfondo, per un difetto dei dispositivi "mobile" su questi stessi non è fisso ed è ingrandito per tutta l'altezza dello scroll della pagina, (nel saso occorrerebbe mio codice extra)! (vedi > qui)...

*

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Antonio V.
Antonio V.
User
Auteur

Ciao Kolasim.

se leggi bene attendamente la mia prima parte, è sottoliineato che non ho ancora postato il sito web in quanto non è carino pubblicarlo con tabelle non responsive. ecco perchè mi procuro le i codici e quando sono sicuro pubblico.

provo ad aprire il tuo link ma da pagina non raggiungibile. 

sono sempre in attesa che qualcuno mi dai dei codici per eliminare le righe dello (scroll) create dalle tabelle.

Lire plus
Posté le de Antonio V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio V.
... ...  provo ad aprire il tuo link ma da pagina non raggiungibile.  sono sempre in attesa che qualcuno mi dai dei codici per eliminare le righe dello (scroll) create dalle tabelle.

... basta pubblicare in una sotto diretory di prova, oppure su altervista, come si fa per la maggiora per i test, ...un click, ... e comunque il codice te l'ho già anticipato...wink

... i due link "qui" sono questi topic:

https://helpcenter.websitex5.com/fr/post/220311
https://helpcenter.websitex5.com/fr/post/214732

*

Lire plus
Posté le de  ‪ KolAsim ‪ ‪