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.

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?

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Laatst bewerkt 13 mei 2014 18:17 door Lazy Garfield.
Discussie gesloten.
  • 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.
Discussie gesloten.
  • 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?
Discussie gesloten.
  • 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.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119

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:
Discussie gesloten.
  • 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.

Laatst bewerkt 13 mei 2014 20:35 door Peter.
Discussie gesloten.
  • Peter
  • Peter's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 2826

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
Laatst bewerkt 13 mei 2014 21:56 door Lazy Garfield.
Discussie gesloten.
  • 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.

Discussie gesloten.
  • Peter
  • Peter's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 2826

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.
Laatst bewerkt 13 mei 2014 22:26 door Lazy Garfield.
Discussie gesloten.
  • 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,
Discussie gesloten.
  • 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.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37119
Moderators: Peter, Juliank92, Jelle, Romke
Tijd voor maken pagina: 1.028 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