css: Göra om en tabell till divvar. Går det?
 

Hej igen!

Håller alltså på att försöka anpassa en sajt till mobiler. Nu har jag kommit till en tabell som har fyra rader (tr) och fyra kolumner. I rad 1 och 3 finns bilder på folk i cellerna. I rad 2 och 4 står namnet på respektive gubbe i cellen ovanför.

Tabellen är för bred för mobilskärmar och jag kan inte redigera källkoden (genereras dynamiskt).

Om det går vill jag t.ex. förvandla tabellen från fyra rader och fyra kolumner till åtta rader och två kolumner. Alltså två gubbar i bredd på varje rad i stället för, som nu, fyra.

Eller förvandla cellerna till divvar. Eller nåt annat som funkar.

Dessutom ska ju bildtexterna (namnen) i rad 2 och 4 hamna under rätt gubbe.

Jag har börjat laborera med olika "display" för celler och bilder. Men i ärlighetens namn har jag inte en susning om vad jag gör.

Kan någon hjälpa mig fixa detta?

Mvh
Danne

Oj. Såg att jag firar tio år som medlem. Tiden flyger...... :-)

Ser du inte kan redigera källkoden
 

Så jag säger: Gör om, gör rätt.

Du kan kolla in hur vi gjort på topplistan här: https://xn--bsta-webbhotell-0kb.se/ för att lösa ett liknande problem med bara CSS.

Tack för svar!

Efter lite pill i stilmallen för små skärmar kunde jag faktiskt använda tabellen. Tack o lov.

Mvh
Danne

??? :confused: