Images beside text

About the template and stylesheet - and changing the menu
Post Reply
wbs
Posts: 122
Joined: Sun Apr 02, 2017 8:05 am

Images beside text

Post by wbs » Fri Jun 02, 2017 1:00 pm

What is the most conviniet way to display images besides text in responsive layouts? People used to use tables with two columns to place text and images side by side.

I'm trying to do it like that:

Code: Select all

<p><img style="float: right;" src="img.jpg" alt="img">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum nulla velit, scelerisque ultricies mi efficitur in. Integer blandit imperdiet rutrum. Curabitur vulputate in massa at blandit. Nullam dapibus, lacus nec porttitor molestie, felis enim semper enim, quis malesuada quam magna eget elit. Aenean pretium eros non consectetur malesuada. Etiam vestibulum efficitur turpis, at sagittis orci interdum in. In ac diam eu metus condimentum hendrerit. Nullam bibendum scelerisque sodales. Mauris vel condimentum augue, et feugiat neque. Nullam ullamcorper iaculis felis. Fusce egestas diam enim, ac volutpat nisi finibus sed. Duis eu ex quam. Aliquam orci quam, finibus blandit imperdiet id, finibus at neque. Donec eget feugiat odio, in consectetur metus. Morbi eu enim ut ex fringilla tristique ut a diam. Nam euismod sodales ipsum et iaculis. </p>
<p style="clear: both;"> </p>
Is there a way to vertical center the text beside the image if the viewport is wide enough that the text doesn't exceed the images width? Is there some better way to solve this?

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Images beside text

Post by frase » Fri Jun 02, 2017 1:54 pm

Have a look at CMSimple_XH 1.7.0rc1 at
../?Templates/TEMPLATE-lck_overlay_02/Template-specific-styles

Post Reply