een tabel is wel responsive mist je het zoals ik het zei in %% doet en niet met px werkt

Origineel gepost door p Landgraaf

een tabel is wel responsive mist je het zoals ik het zei in %% doet en niet met px werkt

Dat is niet responsive. We gebruikte al procenten bij tabellen voordat er websites voor mobiele apparaten werden gebouwd.
Responsive wil óók zeggen dat de elementen bij een kleiner scherm niet meer naast elkaar maar boven elkaar komen. En dan netjes. Het moet er op ieder apparaat immers goed uitzien. Met een resizende tabel gaat dat volgens mij niet goed.

Origineel gepost door p Landgraaf

deze is voor 2 naast elkaar voore 3x td en breedte 32% en voor 4 td breedte =24%
suc6

Dit is inderdaad niet de oplossing. Omdat wanneer het scherm kleiner wordt de afbeeldingen naast elkaar blijven staan en alleen de afbeelding resized.

Origineel gepost door B. van der Weerd

Helaas is een tabel niet responsive...

Wat een onzin!

PHP Code:

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div> 


Origineel gepost door Jordy van der velde

Wat een onzin!

PHP Code:

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div> 


Daarmee is de tabel nog steeds niet responsive, Jordy. Dan wordt het horizontaal scrollen. Heb je het voorbeeld bekeken? ;-) Dat is wat mij betreft een no-go qua usability. Het kán wel, maar dan heb je dit soort kunstgrepen nodig: https://www.codementor.io/aayusharor...bles-7f5e3hspy. Er zijn nog andere manieren, waarbij je oa het doctype goed moet configureren, maar die zijn bij mijn weten weer niet 100% compatible met alle browsers (en juist op mobiel heb je zoveel verschillende browesers, zoals Dolphin etc).

In dit geval is het gewoon veel simpeler om met wat DIV-jes te werken, dus waarom maken we ons druk om die tabellen? Tabellen zijn immers bedoeld om tabel-achtige data te tonen, niet om wat logo's in te zetten.

Ik heb nog steeds de oplossing niet, maar heb wel voor op grotere resoluties gezorgd dat alles gecentreerd wordt.
Ik heb bij .partner_centraal de margin-left op 6.5% gezet. Maar daarmee is het probleem bij kleinere schermen niet verholpen.

Origineel gepost door Willem van Strien

Maar daarmee is het probleem bij kleinere schermen niet verholpen.

Kun je geen afzonderlijke marges/paddings of max. width instellen voor desktop/tablet/mobiel? Dan kan met de meeste pagebuilders.