Back to top

Autore Topic: Tabelle responsive  (Letto 1811 volte)

Offline ciroslitz

  • Esploratore
  • **
  • Post: 135
    • Mostra profilo
Tabelle responsive
« il: 11 Feb 2015, 17:00:14 »
Ho effettuato la migrazione da joomla 2.5 a 3..... ma essendo protostar responsivo le varie tabelle che avevo nel sito ora da smatphone sono tutte fuori dal templete, come posso risolvere?

Offline berry

  • Appassionato
  • ***
  • Post: 660
  • Sesso: Maschio
    • Mostra profilo
Re:Tabelle responsive
« Risposta #1 il: 11 Feb 2015, 20:47:36 »
metti le dimensioni in percentuale invece che in px

Offline ciroslitz

  • Esploratore
  • **
  • Post: 135
    • Mostra profilo
Re:Tabelle responsive
« Risposta #2 il: 11 Feb 2015, 21:02:15 »
Mi puoi aiutare con maggiori indicazioni?

Offline berry

  • Appassionato
  • ***
  • Post: 660
  • Sesso: Maschio
    • Mostra profilo
Re:Tabelle responsive
« Risposta #3 il: 11 Feb 2015, 21:07:55 »
la larghezza delle tabelle come la determini?

Offline lucantropo

  • Appassionato
  • ***
  • Post: 708
  • Sesso: Maschio
    • Mostra profilo
Re:Tabelle responsive
« Risposta #4 il: 11 Feb 2015, 23:38:12 »
Prova a settare nel css nelle media query per i dispositivi mobili (800px in giù)
Codice: [Seleziona]
table, thead, tbody, th, td, tr { display: block; }

Offline ciroslitz

  • Esploratore
  • **
  • Post: 135
    • Mostra profilo
Re:Tabelle responsive
« Risposta #5 il: 12 Feb 2015, 10:00:23 »

Ho provato ad inserire queste righe, le tabelle rientrano si accavalla ttutto




@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {


   
   table, thead, tbody, th, td, tr {
      display: block;
   }

Offline lucantropo

  • Appassionato
  • ***
  • Post: 708
  • Sesso: Maschio
    • Mostra profilo
Re:Tabelle responsive
« Risposta #6 il: 12 Feb 2015, 14:07:00 »
Credo dipenda dalle impostazioni iniziali della tabella, mettendo il "display:block" si forza la tabella a non esserlo più, ma le impostazioni delle singole celle con padding e margini credo che le mantenga.

 



Web Design Bolzano Kreatif