thaider / Tweeki

MediaWiki skin based on Twitter's Bootstrap
http://tweeki.kollabor.at
Other
128 stars 31 forks source link

How to make images obey HR limitations? #239

Closed rebastion closed 2 years ago

rebastion commented 2 years ago

Been playing around with Tweeki a lot and like it so far, kudos! There are a few things I need to iron out in order to make a final decision whether I can switch to it entirely. I was able to fix a few things in CSS here and there to get "comfortable" with the skin, but I have a rather large legacy site that will have to work out of the box once I make the switch. I have some content pages where images are aligned and paired with text (e.g. a list of book covers with descriptions for example), and each book section is separated with a simple HR (or ----- in MW markup).

The problem: Whereas a current skin I run on , the HRs really separate each part of content, with Tweeki any images reach over the HR as if it wasn't there, and then push the next image down as well and thus sort of break the layout of the site.

I have compared the CSS of the HR and the IMG and also any DIV related to image placement and just can't find the problem.

Question: What do I have to do to make images not violate HR?

Any tips greatly appreciated and keep up the great work!

rebastion commented 2 years ago

hr { clear:both; }