Skip to main content

Laatste nieuws

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.

opgelost kolommen naast elkaar in responsive website.

kolommen naast elkaar in responsive website.

13 mei 2014 18:07 - 13 mei 2014 18:17
#1
Op deze site ben ik bezig drie kolommen naast elkaar te krijgen.
www.antiekroute-veluwe.nl/print-de-deeln...de-deelnemerslijst-3
Nu heb ik in de editor van het artikel deze code aangemaakt:
Code:
<div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div> <div style="float: left; width: 280px;">1.Pollewop Brocante,<br /> Stationsweg 12,<br /> 8166 BK Emst.<br /> Tel.: 0578-668476 of 0653183719.<br /><br /></div>

Het resultaat is hier te zien:
www.antiekroute-veluwe.nl/print-de-deeln...de-deelnemerslijst-3
Er worden twee kolommen naast elkaar gezet, maar ik wil er drie hebben.
Als je op het bijgevoegde plaatje van de editor kijkt staan er wel drie naast elkaar.
Ze worden in de iphone of tavlet nu keurig leesbaar onder elkaar gezet.
Wat moet ik in de code aanpassen om er drie naast elkaar te krijgen?

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
  • Lazy Garfield
  • Lazy Garfield's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1079

kolommen naast elkaar in responsive website.

13 mei 2014 18:15
#2
Misschien is dit wel iets voor je?
groetjes,
Anne
www.numijneigenwebsite.nl + www.nmew.nl - KvK Brabant: 17281897Wil je Joomla!NL steunen? Dat kan met een donatie.
  • AnneM
  • AnneM's berichtenfoto
  • Joomla!NL vriend(in)
  • Joomla!NL vriend(in)
  • Berichten: 1863

kolommen naast elkaar in responsive website.

13 mei 2014 18:48
#3
Dank je Anne heb de plugin geinstalleerd, vind ik maar een vaag ding.
Ook in docu niks of weinig te vinden hoe je dat doet.
Is de code die ik gaf niet aan te passen?
  • Lazy Garfield
  • Lazy Garfield's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1079

kolommen naast elkaar in responsive website.

13 mei 2014 19:05
#4
Die code is ook wel aan te passen, kijk hier maar even. Maar het derde screenshotje op de JED (link die Anne je gaf) maakt heel veel duidelijk volgens mij.
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: 37556

kolommen naast elkaar in responsive website.

13 mei 2014 20:30
#5
Ik heb nu zoals in derde screenshot gewoon de adressen tussen {AC} en {/AC} gezet maar dat werkt echt niet.
Is het lastig voor jullie de aangegeven code zo te veranderen dat het drie kolommen worden?
Ik heb die link bekeken van je Astrid maar daar kom ik echt niet uit. :blush:
  • Lazy Garfield
  • Lazy Garfield's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1079

kolommen naast elkaar in responsive website.

13 mei 2014 20:33 - 13 mei 2014 20:35
#6
kolommen maak je door ACBR toe te voegen op de plaats waar je een kolomscheiding wilt hebben. Als je het derde screenshotje bekijkt, zoals Astrid al aangaf, zie je de werkwijze.

Place ACBR inside Your text to break text into next column. ACBR is a default "break code",

Met vriendelijke groet,

Peter Reitsma
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Peter
  • Peter's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 2827

kolommen naast elkaar in responsive website.

13 mei 2014 21:52 - 13 mei 2014 21:56
#7
Precies gedaan als in voorbeeld:
Code:
{AC}1.Pollewop Brocante, Stationsweg 12, 8166 BK Emst. Tel.: 0578-668476 of 0653183719. ACBR 1.Pollewop Brocante, Stationsweg 12, 8166 BK Emst. Tel.: 0578-668476 of 0653183719. ACBR 1.Pollewop Brocante, Stationsweg 12, 8166 BK Emst. Tel.: 0578-668476 of 0653183719.{/AC}
Er verschijnt helemaal niks in artikel, plugin is geactiveerd.
Als je met muis over tekstveld gaat zie je alleen twee verticale streepjes.
www.antiekroute-veluwe.nl/print-de-deeln...de-deelnemerslijst-5
  • Lazy Garfield
  • Lazy Garfield's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1079

kolommen naast elkaar in responsive website.

13 mei 2014 22:22
#8
De tekst is er wel, maar is niet zichtbaar. Kijk maar eens met firebug.
Met vriendelijke groet,

Peter Reitsma
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Peter
  • Peter's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 2827

kolommen naast elkaar in responsive website.

13 mei 2014 22:26 - 13 mei 2014 22:26
#9
Ja klopt tekstkleur even veranderd en getest in iphone.
Drie kolommen naast elkaar lukt dus niet, is dus niet voor responsive site.
  • Lazy Garfield
  • Lazy Garfield's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1079

kolommen naast elkaar in responsive website.

13 mei 2014 23:37
#10
Als iemand nou gewoon gezegd had zet in de code in de eerste post de width op 230 dan was het opgelost geweesst. ;)
Ook goed te bekijken op iphone of tablet,
  • Lazy Garfield
  • Lazy Garfield's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1079

kolommen naast elkaar in responsive website.

14 mei 2014 08:57
#11
Fijn dat het opgelost is en dat je zelf gevonden hebt dat 690 gedeeld door 3 inderdaad 230 is en niet 280 :ohmy:

Dank je wel voor de terugkoppeling.

Je kunt in de toekomst zelf na het terugkoppelen de topic sluiten door op de groene "opgelost" knop te klikken.
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: 37556
Moderators: Jelle, Romke
Tijd voor maken pagina: 0.822 seconden
Gemaakt door Kunena

Laatste forumberichten

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