[BOUNTY 0.25 BTC] [HTML/CSS] Fix for the forum ad area

[theymos]

(Bounty claimed.)

[1715155010]

1715155010

[1715155010]

1715155010

[1715155010]

1715155010

[1715155010]

1715155010

[Joel_Jantsen]

Sorry if I missed out on anything but the code for add that is test 1 is using inline CSS however in ad_test.html there are two sections for adds,HTML and CSS.I'm trying to view the add using source but don't know what goes in the CSS space as there isn't any specific css code for that.I tried pasting the entire Test 1 in the HTML space of ad_test.html but it breaks.

TL;DR : I'm not able to preview adds as I don't know what should go in the css section of ad_test.html.

[azguard]

Sorry if I missed out on anything but the code for add that is test 1 is using inline CSS however in ad_test.html there are two sections for adds,HTML and CSS.I'm trying to view the add using source but don't know what goes in the CSS space as there isn't any specific css code for that.I tried pasting the entire Test 1 in the HTML space of ad_test.html but it breaks.

TL;DR : I'm not able to preview adds as I don't know what should go in the css section of ad_test.html.

Yes in code 1 and 2 when you remove "<br>" tag code is visible at least for code 1 for code 2 there are some glitches that dont show whole code ad.
Im trying to see what is the problem but i will try to change also ad code and see what is wrong.

Codes 3 and 4 work fine, so i will try to compare all 4 and see what is problem.

[Sadlife]

Are you using bootstrap bro?

[Bitsky]

That's what I came up with:

Code:

<style>
.adblockclass { display:block; }
.adblockclass td { display:table-cell !important; min-width:0; }
</style>
<div class="adblockclass">
ad goes here
</div>

The dodadoo ad is a bit misaligned, but the others work just fine.
I tried to keep it down to a minimal. If you "margin-left:18%" the div, you could shift it.

[theymos]

I will award BubblesBit 0.2 BTC for the first nearly-complete solution and Bitsky 0.05 BTC for another nearly-complete solution which is shorter and more specific. In both cases, the additions significantly change test case #3, but I can work around this.

For those wondering, test cases 3 and 4 were not broken, but I included them to make sure that they didn't become broken due to additions.

Thanks to everyone who put time and thought into this.