Tabelle elastiche e responsive
Autor: Antonio V.
Visitado 1069,
Followers 1,
Compartido 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
Publicado en
... manca il LINK ...
.
*
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
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)
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 ... .. .. . .
*
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...
Niente male KolAsim la tabella elastica
link con test codice KolAsim
https://www.giancarloweb.it/template/darkpub-test/menu.html
Autor
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: ***
In realtà Antonio il codice è prelevabile direttamente sulle pagine come ti avevo suggerito sopra....
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>
Autor
Grazie provo e ti doco
Autor
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...
.
... sei tu che hai parlato di tabelle e di codici, sia nel titolo che nella domanda......
... 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)...
*
Autor
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.
... 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...
... i due link "qui" sono questi topic:
https://helpcenter.websitex5.com/es/post/220311
https://helpcenter.websitex5.com/es/post/214732
*