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 Ongeordende lijst omheen foto

Ongeordende lijst omheen foto

20 jan 2023 18:35
#1
Hallo,

Kent iemand de truuk of de custom css-code om een lijst (geordend of ongeordend) omheen een foto te laten lopen ?

Ik heb in een blog-artikel een korte tekst met een links uitgelijnde foto en een vrij lange ongeordende lijst die rechts naast de foto naar onder doorloopt. Er ontstaat nu heel wat witruimte onder de foto.

JCE wist hiervoor geen andere oplossing dan de lijst op te splitsen in twee delen d.m.v. een blanco regel, zodat een deel van de lijst naast de foto komt en een tweede deel onder de foto. Dit werkt, maar in responsive view is dan die blanco lijn zichtbaar, wat niet gewenst is.

Is er geen afdoende andere manier om de lijst te dwingen omheen te foto te lopen.

Dank voor jullie tips.
  • Luk
  • Luk's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 189

Ongeordende lijst omheen foto

20 jan 2023 19:11
#2
Maak gebruik van DIV.
Plaats de foto in een div aan e linkerkant en de lijst in een div aan de rechterkant.
Meer info op: www.w3schools.com/howto/howto_css_two_columns.asp
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: 11163

Ongeordende lijst omheen foto

21 jan 2023 10:52
#3
Dag Wouter,

Dank voor uw snelle reactie. Ik denk dat ik u op het verkeerde been heb gezet, waarvoor mijn excuses. Toevallig heb ik ontdekt dat het fenomeen zich voordoet na klikken op de read-more van een blog-artikel.

Ik verklaar mij nader, aan de hand van 2 bijgevoegde beelden.

Bij het beeld zonder read-more loopt de lijst netjes omheen de foto. Dit is wat gewenst is.
Bij het beeld met read-more blijft de lijst rechts uitgelijnd zodat er, vooral bij lange lijsten, veel witruimte ontstaat onder de foto, wat ik wil vermijden. Een work-around is het invoegen van een blanco lijn en de lijst opsplitsen in 2 lijsten, maar dan is die blanco lijn in mobiele weergave steeds zichtbaar. Afhankelijk van het schermformaat is dan ook de vraag hoe een en ander gaat verschijnen.

Mijn gebruikers publiceren zelf artikelen in verschillende blogs en ik wil hen niet opzadelen met al te moeilijke ingrepen. Ik zoek dus een oplossing die -by default- kan ingebouwd worden, bv. via custom css, zodat ik niet telkens moet tussenkomen.

Enig idee ?

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

  • Luk
  • Luk's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 189

Ongeordende lijst omheen foto

22 jan 2023 09:40 - 22 jan 2023 10:43
#4
Dat is waarschijnlijk wel met css op te lossen. Lijkt erop dat de css voor een blogweergave afwijkt van die voor een artikel.
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.

Laatst bewerkt 22 jan 2023 10:43 door Astrid.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Ongeordende lijst omheen foto

28 jan 2023 09:52 - 28 jan 2023 09:53
#5
Hallo,

Werd opgelost met custom css:
Code:
.com-content-article ol, .com-content-article ul { overflow: visible; }

Dank voor het meedenken.
Laatst bewerkt 28 jan 2023 09:53 door Luk.
  • Luk
  • Luk's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 189
Tijd voor maken pagina: 1.201 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