Jump to content
  • 0

Make tables responsive


Question

when I create a table in mediawiki like this one,

When i create a table like this in mediawiki it works very well. However, I don't understand how this table can be redesigned to be responsive. If you go to a smaller screen, I want the 4th column to be placed one after the other under the 3rd, then under the 2nd and so on.

Is there somebody who can help me?




{| class="wikitable" style="float:left; width:100%; "
|-
! colspan="5" style="background-color:#dec1af;"| Links und Partner
|-
|
[[Datei:test1.jpg|center|130px|link=https://www.test1.de/]]
|
[[Datei:test2.jpg|center|130px|link=https://www.test2.de]]
|
[[Datei:test3.jpg|center|130px|link=http://www.test3.de]]
|
[[Datei:test4.png|center|130px|link=http://www.test4.de]]
|
[[Datei:test5.jpg|center|110px|link=http://www.test5.de]]
|-
|
[[Datei:test6.jpg|center|130px|link=https://www.test6.de]]
|
[[Datei:test7.jpg|center|130px|link=https://www.test7.de]]
|
[[Datei:test8.jpg|center|130px|link=https://www.test8.de]]
|
[[Datei:test9.jpg|center|130px|link=https://www.test9.de]]
|
[[Datei:test10.jpg|center|130px|link=https://www.test10.de]]
|-
|
[[Datei:test11.jpg|center|130px|link=https://www.test11.de/]]
|
[[Datei:test12.jpg|center|130px|link=https://www.test12.de/]]
|
[[Datei:test13.jpg|center|130px|link=https://www.test13.de/]]
|
[[Datei:test14.jpg|center|130px|link=https://www.test14.de/]]
|
[[Datei:test14.jpg|center|130px|link=https://www.test15.de]]
|-
|}

Link to post
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.