Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,630

    tabella a più celle resposive

    salve
    devo creare una tabella responsive così:
    questa la visualizzazione desktop, la cella E ha l'altezza di AC /BD:
    | A | B | E |
    | C | D | |

    mentre nella visualizzazione mobile dovrebbe essere

    | A |
    | B |
    | C |
    | D |
    | E |
    | |

    potete aiutarmi?
    Grazie

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,781
    la vedo complicata...

    farei due tabelle da visualizzare in base al breakpoint

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,630
    Il problema principale è nella versione desktop xchè purtroppo essendo il blocco E il doppio dei blocchi A e B i blocchi C e D si distanziano dai blocchi A e B partendo dalla fine del blocco E

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,781
    non ho capito...

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,630
    | a | b | e |
    |. |. |. |
    | c | d |. |

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,781
    hai spiegato male ma credo di aver capito...

    è la conseguenza di un float:left generalizzato?

  7. #7
    no more table.

    prova a cercare su google e vedere se è quello che fa per te.

    in pratica con un pò di css rendi la tabella responsive!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.