Joomla!NL - [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.

Pluto
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 334

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.

WoodyF4u
Moderator + Nieuwsteam
Berichten: 11341

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.

Pluto
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 334

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.

Astrid
Moderator + Technisch team
Berichten: 37643

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.

Pluto
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 334

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.

Astrid
Moderator + Technisch team
Berichten: 37643

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.

Pluto
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 334

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.

Pluto
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 334

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.

WoodyF4u
Moderator + Nieuwsteam
Berichten: 11341

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.

Astrid
Moderator + Technisch team
Berichten: 37643

3 afbeeldingen naast elkaar

02 sep 2022 23:35

#11

Dank jullie allemaal, het is opgelost.

Pluto
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 334

Laatste nieuws

Welkom bij Joomla!NL

opgelost 3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

3 afbeeldingen naast elkaar

Laatste forumberichten

Wil je Joomla!NL steunen?