Responsive tabel op websitepagina

Gebruiiken nu de JCE Editor maar de door ons gebruikte tabellen met inhoud o.a. tekst, afbeeldingen verschalen niet zodra deze worden geraadpleegd op mobile devices.

Hoe is is anders in te richten zodat dit wel wordt verschaald.

Google eens op div tabel (of div table)
Kijk ook eens op www.w3schools.com

Hallo James, heb je al geprobeerd om de breedte van de tabel bij tabelinstellingen op een percentage gezet, b.v. 85% i.p.v. een getal in px
Verder zou je ook je tabel kunnen opleuken door deze plugin te installeren.
Abivia Supertable Plugin
als je dan na installatie boven de tabel {supertable} en onder de tabel {/supertable} te typen dan moet dat goed werken bij mij in ieder geval wel zie b.v. deze link
succes
Kees

Helaas werkt de width % niet omdat dan de inhoud van de tabel direct onder elkaar staat i.p.v. alles uit te lijnen.

Het kan nooit dat bij een width in percentages de inhoud onder elkaar komt te staan. Het is altijd beter om met divs te werken, maar er zijn situaties waar een oplossing met een width in percentages ook voldoende is.
Er zijn genoeg tooltjes op het net te vinden om je tabellen te converteren. Kijk hier maar.

Heb de tabel nu met div omgebouwd maar nog steeds geen verschaling terwijl dit wel in de preview zichtbaar is.

Ook de linespacings tussen de regels dient nog op 0,5 gezet te worden ipv 1,0, hoe is dit in te geven.

Heb je je browsercache opgeschoond? Line spacing kijk hier .
En je kunt ook een link naar je site hier neer zetten zodat de leden mee kunnen kijken.

De tabel waar het omgaat bevat de onderstaande gegeven:

1ste tabel
Postadres:
Bedrijfsnaam
Telefoon: + 000000000000
Mobiel: + 000000000000

2de tabel
Social Media:
Facebook icoon Twitter icoon Google Plus icoon

Zoals Astrid al aangaf is het handig als je de URL naar de pagina op je website waar de tabel staat hier even in een reactie post.
Dan kunnen we meekijken en je mogelijk een goed advies geven.

Onderstaand de betreffende URL:

www.079-schilderwerken.nl/

Het gaat om alles onder CONTACT dit staat allemaal opgenomen in tabellen, de social media icons staan nu in groepjes van vier verdeeld maar dienen achter elkaar te staan.

Dit heeft niet echt iets met responsive te maken. Je hebt in je broncode regeleindes op de verkeerde plaats staan, dus dan is het logisch dat er icoontjes op een nieuwe regel komen.

Hoe kan dit dan het beste worden gewijzigd <p> en </p> veranderen in <br> en </br> of dient de opzet
anders te worden.