Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Responsive tabel op websitepagina

Responsive tabel op websitepagina

10 jun 2017 09:19
#1
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.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

10 jun 2017 09:34 - 10 jun 2017 09:34
#2
Google eens op div tabel (of div table)
Kijk ook eens op www.w3schools.com
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 10 jun 2017 09:34 door Romke.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Responsive tabel op websitepagina

11 jun 2017 08:24
#3
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
Mvg Kees,
  • pa2cjh
  • pa2cjh's berichtenfoto
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 423

Responsive tabel op websitepagina

11 jun 2017 10:44
#4
Helaas werkt de width % niet omdat dan de inhoud van de tabel direct onder elkaar staat i.p.v. alles uit te lijnen.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

12 jun 2017 10:17 - 12 jun 2017 10:18
#5
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.
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.

Laatst bewerkt 12 jun 2017 10:18 door Astrid.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Responsive tabel op websitepagina

12 jun 2017 15:26
#6
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.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

12 jun 2017 17:00
#7
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.
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Responsive tabel op websitepagina

12 jun 2017 19:31
#8
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
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

12 jun 2017 21:40
#9
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.
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.

  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11163

Responsive tabel op websitepagina

13 jun 2017 09:52
#10
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.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70

Responsive tabel op websitepagina

13 jun 2017 10:12
#11
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.
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Responsive tabel op websitepagina

13 jun 2017 10:18
#12
Hoe kan dit dan het beste worden gewijzigd <p> en </p> veranderen in <br> en </br> of dient de opzet
anders te worden.
  • james008
  • james008's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 70
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.339 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie