Recent Topics

How to handle Thumbnails to avoid floating

Started by on Feb 04, 2018 – Contents updated: Feb 06, 2018

Feb 04, 2018 22:29    

Hello,

I tried to arrange thumbnails in a way that the following text will not flatter around. But I could not figure out how to do.(Text is not that of Image description!)
Could you add a tag like "normal" to be add after the last floating thumbnail to cause text start in below the thumbnails (see fig.)

Feb 05, 2018 13:01

I added an image tag. The html looks like this:


<h2>Blick.Punkt</h2>
<p>[thumbnail:202:large]</p>
<p>[thumbnail:204:large]</p>
<p>[thumbnail:205:large]</p>
<p>[thumbnail:206:small]</p>
<p>[image:205]</p>
<p> </p>
<p> </p>
<p> </p>
<hr />
<p>64 Meter/2014, Wohnhochhaus hkjh kjh kjh kjhkjhkjh kjhkhj kjh klhjklhj</p>

This is a screenshot of the outcome:

Feb 05, 2018 14:58

This does work, but I hope there is a better way to do it, e.g. by tags
<div style="clear: both;"> </div

Feb 06, 2018 06:36

@saunders can you please send a link to see the misplaced images? Several thumbnails together are supposed to fit well in bootstrap-based skins.

Also for bootstrap skins, using
<div class="clearfix"></div>
should be ok. It's not the same but similar to the tag you're already using.

This post has 1 feedback awaiting moderation...


Form is loading...

powered by b2evolution – This forum is powered by b2evolution CMS, a complete engine for your website.