Tabel loopt achter tekst door

13 sep 2014 15:01 - 13 sep 2014 15:04

Hallo,

Ik bemerkte dat op een kleiner scherm (b.v. Ipad) de tabel van de stand achter het nieuws doorloopt en dat is niet zo mooi maar kan dat opgelost worden?

Zie de link: HIER

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Bruce the Boss
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 270

Tabel loopt achter tekst door

13 sep 2014 16:32

Altijd lastig, tabellen in responsive layout. Enige oplossing die ik zie is om een mediaquery toe te voegen aan je css voor schermen breder dan 700px en kleiner dan 1100 px en dan de tekst verkleinen

Code:

.tblview {
  font-size: 9px;
}

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37558

Tabel loopt achter tekst door

13 sep 2014 16:37 - 13 sep 2014 16:39

Een tabel is statisch. De breedte bepaal jij en doordat jij de tabel op een vaste breedte instelt, zal die zich niet aanpassen aan de breedte van het apparaat waarmee je de site bezoekt.
Daarom wordt een tabel ook wel gezien als iets uit de vorige eeuw.

Je kunt een tabel ook opbouwen uit html op basis van dvs.
Zoek op internet maar eens op "tabellen maken met divs"
Hier vind je al een goede uitleg.

Ik zag net dat er ook een plugin is die je kan helpen: Responsive Tables . Die is niet gratis, maar misschien wel handig.

En misschien de gratis extensie: Responsive Scrolling Tables voor jou nog wel beter.

Met vriendelijke groet,
Wouter Compactweb.nl

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.

Wil je Joomla!NL steunen? Dat kan met een donatie.