Inline image full size aligned to left

Topic: Inline image full size aligned to left (Read 186 times) previous topic - next topic - Topic derived from test

0 Members and 1 Guest are viewing this topic.

Inline image full size aligned to left

April 06, 2018, 10:39:12 am

As you can see below the buttons Quick Edit, Quote and More are aligned next to the image:

Re: Inline image full size aligned to left

Reply #1 – April 06, 2018, 04:12:14 pm

You can try adding
clear: both;
to the .quickbuttons css decleartion. That should fix what is shown here, I don't think it will cause other problems but would need to test.

Re: Inline image full size aligned to left

Reply #2 – April 07, 2018, 08:25:24 pm

I wasn't sure what you were talking about, but the effect only occurs when you make your window wider than ~1320 pixels.

As @Spuds says clear:both on .quickbuttons should do the trick.

Re: Inline image full size aligned to left

Reply #3 – April 08, 2018, 12:16:16 am

Thank you, it works, but is there a way to add some space between the buttons and the image (or between the post content)?
margin-top is not working

Re: Inline image full size aligned to left

Reply #4 – April 08, 2018, 12:49:42 am

Try to add padding-top instead (to quickbuttons)

Re: Inline image full size aligned to left

Reply #5 – April 08, 2018, 08:04:44 am

thank you, clear both and padding-top works fine

Re: Inline image full size aligned to left

Reply #6 – May 29, 2018, 11:20:54 pm

@Spuds did you remember if you add the fix for this?

emanuele takes note that this forum should be updated... at some point.

Re: Inline image full size aligned to left

Reply #7 – May 30, 2018, 03:36:02 am

Yup .. https://github.com/elkarte/Elkarte/commit/3c42aa2ed1ddbee90bb1cb5eb31ae9822ee55b83#diff-e33f874ed9118f8f13074c8e2003beb6