Autore Topic: tabella responsive non corretta  (Letto 275 volte)

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
tabella responsive non corretta
« il: 21 Feb 2020, 17:25:52 »
buongiorno
su questa pagina [size=78%]https://www.longonicues.com/longoni-shafts/longoni-pool-shafts[/size]
quando la pagina diventa responsive il font non si rimpicciolisce e crea problemi.
Esiste una soluzione?
grazie per l'aiuto

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 5471
  • Sesso: Maschio
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #1 il: 21 Feb 2020, 17:48:14 »
quando la pagina diventa responsive
cosa vuol dire?

Online giusebos

  • Fuori controllo
  • *
  • Post: 20006
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #2 il: 22 Feb 2020, 10:35:37 »
forse vuole dire che il testo diventa troppo grosso rispetto alle celle che lo contiene? Forse no sarebbe stato semplice descriverlo. Attendiamo lumi.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #3 il: 03 Mar 2020, 09:23:51 »
scusate il ritardo, il problema confermo è il font che non si rimpicciolisce in responsive, per cui diventa illeggibile
riuscite per caso ad aiutarmi?
grazie mille

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 30986
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #4 il: 03 Mar 2020, 10:59:45 »
Ma una caratteristica del responsive è rendere leggibile anche ai dispositivi smart, se era una questione di diminuire i font sarebbe bastato lo zoom.
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #5 il: 03 Mar 2020, 11:01:56 »
cioè dovrei aggiungere un codice zoom al componente?

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 30986
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #6 il: 03 Mar 2020, 11:08:28 »
No dicevo che  non puoi intendere il responsive solo con la diminuizione del font.
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 30986
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #7 il: 03 Mar 2020, 11:12:24 »
Dovresti appoggiarti a bootstrap.
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #8 il: 03 Mar 2020, 11:25:29 »
va oltre i miei poteri :(
non c'è una stringa di codice da inserire? quello riesco :)

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 30986
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #9 il: 03 Mar 2020, 12:45:33 »
La stringa sta nella documentazione bootstrap ma dipende da come hai realizzato la tabella, se da estensione o editor.
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #10 il: 03 Mar 2020, 17:07:11 »
quella pagina ha usato estensione Abivia.net SuperTable Free Plugin


Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 30986
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #11 il: 03 Mar 2020, 19:16:55 »
Cambia plugin o scrivilo direttamente da editor con bootstrap
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Offline Divieto

  • Esploratore
  • **
  • Post: 98
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #12 il: 03 Mar 2020, 20:00:11 »
aspetta.. prima di rifare tutte le tabelle da capo.. prova a vedere se puoi dare delle classi nel componente (che non conosco) alle singole tabelle...
butta nel codice CSS questo @media

Codice: [Seleziona]
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) 
    {
        table, thead, tbody, th, td, tr {
        display: block;
    }
   
    thead tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    td
    {
        position: relative;
        padding-left: 50%;
    }

    td:before
    {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
   
    td:nth-of-type(1):before { content: "S2"; }
    td:nth-of-type(2):before { content: "AMERICAN D12.8mm"; }
    td:nth-of-type(3):before { content: "SLIM D11.8mm"; }
    td:nth-of-type(4):before { content: "BREAK D13mm"; }
}
dove ad esempio prima della classe dei singoli td:nth-of-type gli dai il riferimento delle classi alla quale corrisponde la tabella... ti risparmi di dover rifare il tutto.. devi solo rinominare i content in css

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #13 il: 05 Mar 2020, 08:58:38 »
ciao, grazie innanzitutto
ho inserito il tuo codice nel css (allego il risultato)
ma putroppo la seconda parte per mia ignoranza non riesco a risolverla :(
mi sa che sono costretto a tornare alle tabelle normali (sperando siano responsive)  :'(

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 5471
  • Sesso: Maschio
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #14 il: 05 Mar 2020, 09:36:43 »
mi sa che sono costretto a tornare alle tabelle normali (sperando siano responsive)  :'(
sperando ? ? ?

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #15 il: 05 Mar 2020, 11:04:08 »
https://www.longonicues.com/longoni-cues-accessories?id=190:longoni-reccomended-tips
questa è una delle pagine le cui tabelle vorrei rendere responsive
ora non lo sono


Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 5471
  • Sesso: Maschio
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #16 il: 05 Mar 2020, 15:12:23 »
e le renderai responsive sperando?

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #17 il: 05 Mar 2020, 15:29:20 »
ci sto provando ma non trovo una soluzione se non scomporle in tabelle più piccole

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 5471
  • Sesso: Maschio
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #18 il: 05 Mar 2020, 15:36:25 »
ed imparare bootstrap, che non è poi così difficile e trovi un sacco di documentazione online, come ti è stato suggerito?

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #19 il: 06 Mar 2020, 08:27:15 »
mi sa che ti ascolterò
grazie mille per l'indicazione
buon weekend :)

Offline ilfriz80

  • Esploratore
  • **
  • Post: 109
    • Mostra profilo
Re:tabella responsive non corretta
« Risposta #20 il: 09 Mar 2020, 14:05:47 »
https://www.longonicues.com/longoni-shafts/longoni-carom-shafts
ho installato un plugin che mi ha risolto benissimo il problema


è possibile nella versione mobile ingrandire e rendere + visibile o   ovooverflow-x: auto
?

 

Host

Torna su