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.

Tekst om foto's

Tekst om foto's

08 feb 2021 23:37 - 09 feb 2021 13:01
#1
In een artikel staat links de afbeelding:
Code:
<p><img src="x.jpg" alt="x" width="200" height="132" style="float: left;" /></p>
Bij een bepaald formaat van het browservenster staat de tekst keurig om de afbeelding heen. Maar als ik het venster groter of kleiner maak krijg ik een of meer regels rechts van de afbeelding dan een aantal witregels, en vervolgens gaat de tekst onder de afbeelding verder. Het aantal witregels varieert met het formaat. Zowel bij verkleinen als bij vergroten is er steeds een variabel aantal witregels.
Wat kan er aan de hand zijn?

Edit Jelle: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
  • FTBos
  • FTBos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 20

Tekst om foto's

09 feb 2021 08:27
#2
Ik raad je aan gebruik te gaan maken van de editor JCE (als je dat nog niet doet).
Daarmee voeg je eenvoudig een afbeelding in bij een tekst en kun je de styling zoals marge en floating gelijk instellen.
Hieronder een voorbeeld waarbij JCE de code heeft gegenereerd:
Code:
<img src="jouwplaatje.jpg" alt="alt-tekst bij jouw plaatje" width="200" height="132" style="margin: 0px 15px 10px 0px; float: left;" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Hier vind je een mooie handleiding voor het gebruik van JCE.
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
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11277

Tekst om foto's

09 feb 2021 11:13
#3
Ik gebruik JCE ook voor het invoegen van afbeeldingen.
Ik had de marges ingesteld op Equalize en heb net als in je voorbeeld de marges ingevuld maar dat maakt niets uit.
Bij volle breedte krijg ik twee regels naast de afb. en de rest eronder, bij verkleining van het browservenster wordt het op een zeker moment goed (tekst naast en onder doorlopend). Bij verdere verkleining zit er wisselende ruimte tussen de tekst naast en die onder de afbeelding, soms loopt de tekst gewoon door.
Het heeft dus te maken met de breedte van het artikel, maar ik heb geen idee waaraan dat kan liggen ....
  • FTBos
  • FTBos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 20

Tekst om foto's

09 feb 2021 11:21
#4
Kun je hier een link plaatsen naar de pagina waar het om gaat?
Mogelijk kunnen we dan beter zien wat er gebeurt.
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
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11277

Tekst om foto's

09 feb 2021 12:24
#5
www.pknnieuwegein.nl .
Het gebeurt op de hele site.
  • FTBos
  • FTBos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 20

Tekst om foto's

09 feb 2021 13:24
#6
Probeer het op je laptop of PC eens met een andere browser of wis de browser-cache van je huidige browser.
Want met verschillende schermformaten ziet het er hier namelijk goed uit.
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
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11277

Tekst om foto's

09 feb 2021 16:49
#7
Dat kan het probleem niet zijn. Gisteren bij een vergadering hadden we alle vier het probleem (op tablet en laptop) en we hebben ook van gebruikers melding gekregen.
Ik heb voor de zekerheid een nieuwe browser geïnstalleerd met hetzelfde probleem.
Bijgevoegd screenshots van verschillende afmetingen (allen op tablet).
Deze bijlage is verborgen voor gasten.
Login of registreer om deze te zien.
  • FTBos
  • FTBos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 20

Tekst om foto's

09 feb 2021 16:50
#8
Excuus: alle op tablet!
  • FTBos
  • FTBos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 20

Tekst om foto's

09 feb 2021 17:11
#9
Je zou het met een mediaquery op kunnen lossen in je custom.css:
Code:
@media (max-width: 768px) { .column-1 img, .column-2 img { width: 100%; } }
Dan komen de afbeeldingen op smallere schermen (smaller dan 768px) over de hele breedte van de kolom te staan en dus boven de tekst.
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: 37438

Tekst om foto's

12 feb 2021 12:30 - 12 feb 2021 12:49
#10
Dat is juist niet de bedoeling. Het probleem doet zich overigens voor bij Chrome(, Edge) en Opera; niet bij FireFox.
Ik kreeg via een andere weg als oplossing het toevoegen aan css van
Code:
white-space: break-spaces;
aan
Code:
.item p
Dat lost het probleem inderdaad op.
Bedankt voor het meedenken
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
  • FTBos
  • FTBos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 20

Tekst om foto's

12 feb 2021 12:50
#11
Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.
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: 37438
Moderators: Jelle, Romke
Tijd voor maken pagina: 0.777 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