Skip to main content

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.

div tabel

div tabel

06 sep 2016 19:15
#1
Het gaat om deze pagina.

Met vallen en opstaan deze pagina gemaakt.
Echter op mobiel ziet het er niet uit.
De bedoeling is dat e.e.a. netjes onder elkaar komt te staan op mobiel
Ik begin mij nu af te vragen of ik de opzet van de div-tabel wel goed heb gedaan.
En hoe krijg ik het op mobiel ook goed en dat het logisch onder elkaar komt, dus eerst zaterdag dan zondag eronder etc.
Wie kan mij op weg helpen?
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.
Discussie gesloten.
  • Romke
  • Romke's Profielfoto Heeft onderwerp gestart
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3670

div tabel

06 sep 2016 20:06
#2
Hi Romke,

Ik denk dat je beter de tabellen in een div kan zetten waarop je bootstrap toepast. Heb hier een voorbeeldje in puur HTML voor je gemaakt: jsfiddle.net/wtmdqh0j/
Groetjes, Julian.

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen via dit forum
Wil je Joomla!NL steunen? Dat kan met een donatie.
Discussie gesloten.
  • Juliank92
  • Juliank92's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 1723

div tabel

06 sep 2016 20:26
#3
ik haal de data op via de module van Joomsport (results) hier kan ik een team selecteren.
Via loadposition laad ik de module in een artikel.
In dat artikel wil ik ze dus laten zien zoals in mijn link.
Echter op mobiel gooit hij ze allemaal door elkaar. Het rare is ook dat de uitlijning nu niet goed is, terwijl als je de module (results) bekijkt bij de competitie pagina's het allemaal wel netjes uitgelijnd is.
het is namelijk niet de bedoeling dat ik het allemaal handmatig aanpas.
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.
Discussie gesloten.
  • Romke
  • Romke's Profielfoto Heeft onderwerp gestart
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3670

div tabel

06 sep 2016 20:44
#4
Ik begrijp dat het niet de bedoeling is om het handmatig aan te passen, dat zou een berg aan werk zijn. Alleen probeer ik je een correcte structuur te geven, zodat de tabellen wel juist zichtbaar zijn op de telefoon als ook op de PC.

Ik heb verder geen verstand van Joomsports, en ik heb ook geen idee wat de module voor de rest doet...
Groetjes, Julian.

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen via dit forum
Wil je Joomla!NL steunen? Dat kan met een donatie.
Discussie gesloten.
  • Juliank92
  • Juliank92's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 1723

div tabel

07 sep 2016 15:54
#5
Ik zie in ieder geval al dat je een mediaquery nodig hebt voor de kleinste schermen met daarin de breedte van de div op 100%. Daarnaast zal je nog twee extra containers moeten maken waar je je rechter en linker divs instopt. Je kopregels staan nu bijvoorbeeld los en gaan daarom op mobiel onder elkaar staan.
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.
Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37750

div tabel

07 sep 2016 19:51
#6
Het blijft lastig.
Ik krijg het helaas maar niet voor elkaar.
Ben even op een ander pagina aan het prutsen

heb nu een site gevonden met een div-generator. De bedoeling is dat er twee kolommen komen. bij mobiele weergave dan onder elkaar
Maar heb nu de twee tabellen via de generator gemaakt. Doch hoe krijg ik ze naast elkaar?
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.
Discussie gesloten.
  • Romke
  • Romke's Profielfoto Heeft onderwerp gestart
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3670

div tabel

07 sep 2016 21:19
#7
Iedere tabel hier tussen plaatsen?
Code:
<div class="col-sm-6 col-md-6"> <!-- Hier je tabel --> </div>
Groetjes, Julian.

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen via dit forum
Wil je Joomla!NL steunen? Dat kan met een donatie.
Discussie gesloten.
  • Juliank92
  • Juliank92's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 1723
Moderators: JelleRomke
Tijd voor maken pagina: 1.141 seconden
Gemaakt door Kunena

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