opgelost Ongeordende lijst omheen foto

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.

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

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 ?

Dat is waarschijnlijk wel met css op te lossen. Lijkt erop dat de css voor een blogweergave afwijkt van die voor een artikel.

Hallo,

Werd opgelost met custom css:

Dank voor het meedenken.