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! 4.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 3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

01 sep 2022 18:10
#1
Dag,

Ik wil graag op mijn laptop 3 afbeeldingen naast elkaar hebben en dan gecentreerd en op de telefoon onder elkaar.
Graag hulp.
Dank je.
Discussie gesloten.
  • Pluto
  • Pluto's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 320

3 afbeeldingen naast elkaar

01 sep 2022 20:31
#2
Als je er in je tekstblok drie naast elkaar plaatst, dan worden die op een kleiner scherm vanzelf onder elkaar getoond.
Wat doe je precies en wat lukt er dan niet?
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.

Discussie gesloten.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11179

3 afbeeldingen naast elkaar

02 sep 2022 13:38
#3
Op de laptop lukt het naast elkaar.
Maar op de telefoon staan ze tegen elkaar ( zie screenshot), daar wil ik ook ruimte tussen hebben.
Discussie gesloten.
  • Pluto
  • Pluto's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 320

3 afbeeldingen naast elkaar

02 sep 2022 15:16
#4
Het meest betrouwbare is om met divs te werken. Hier staat een uitleg.
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: 37151

3 afbeeldingen naast elkaar

02 sep 2022 15:56
#5
Ik heb ze in div's staan. maar op de laptop staan ze keurig netjes. Maar op de telefoon staan ze ook netjes maar de boven en de onderkant van de foto's zijn tegen elkaar geplakt daar wil ik ook ruimte russen hebben.
Discussie gesloten.
  • Pluto
  • Pluto's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 320

3 afbeeldingen naast elkaar

02 sep 2022 17:55
#6
Dan vermoed ik dat je geen margin of padding hebt toegevoegd.
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: 37151

3 afbeeldingen naast elkaar

02 sep 2022 21:09 - 02 sep 2022 21:56
#7
Waar moet ik die toevoegen.

Ik heb het zo gedaan
Code:
<div class="row"> <div class="col-sm-3"><img src="images/verhalen/benenvoor.jpg" alt="benenvoor" width="300" height="400" /></div> <div class="col-sm-3"><img src="images/verhalen/benenna.jpg" alt="benenna" width="300" height="400" /></div> <div class="col-sm-3"><img src="images/verhalen/armvoor.jpg" alt="armvoor" width="300" height="400" /></div> <div class="col-sm-3"><img src="images/verhalen/armna.jpg" alt="armna" width="300" height="400" /></div> </div>
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 02 sep 2022 21:56 door Astrid.
Discussie gesloten.
  • Pluto
  • Pluto's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 320

3 afbeeldingen naast elkaar

02 sep 2022 21:11 - 02 sep 2022 21:56
#8
of moet ik in css dit plaatsen
Code:
.col-sm-3 { margin: 0px 5px; }
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 02 sep 2022 21:56 door Astrid.
Discussie gesloten.
  • Pluto
  • Pluto's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 320

3 afbeeldingen naast elkaar

02 sep 2022 22:06
#9
Of werken met JCE als editor in Joomla.
Dan kun je een foto toevoegen en direct aangeven welke margins er rond de foto toegepast moeten worden.
Zie ook deze uitleg:
www.joomlacontenteditor.net/support/docu...nsertupdate-54080590
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.

Discussie gesloten.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11179

3 afbeeldingen naast elkaar

02 sep 2022 22:17
#10
Ik zou eerder voor padding gaan en dan ook nog met een mediaquery. Je geeft aan dat het alleen op mobiel niet netjes staat.
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: 37151

3 afbeeldingen naast elkaar

02 sep 2022 23:35
#11
Dank jullie allemaal, het is opgelost.
Discussie gesloten.
  • Pluto
  • Pluto's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 320
Tijd voor maken pagina: 0.834 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