Tables (Styles) in ModernBB

Technical Details

Forum version : #ModernBB
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
When the problem appeared : Always
Forum link :

Description of problem

Hello,

I'm trying to use ModernBB and noticed that HTML tables look incredibly weird in posts as it completely ignores everything in the style. I have enabled HTML in both the ACP and my profile. The table codes look perfectly fine on PunBB.

It's really basic:

Code:

<table style="background: #fff; color: #000; border: solid 5px #000; line-height: 250%; padding: 60px;"><tbody><tr><td><strong>Lorem Ipsum:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas leo vitae maximus gravida. Nulla condimentum, nunc at maximus ullamcorper, ipsum velit condimentum purus, sit amet ultrices elit est sit amet nisl. Maecenas rutrum porttitor augue, maximus finibus nisi. Fusce consectetur sagittis sapien vel pulvinar. Fusce non mi eget lectus tincidunt facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin in nibh neque. Integer a sagittis libero. </td></tr></tbody></table>

Has anyone experienced similar problems on ModernBB and knows how to solve it?

on PunBB:


on ModernBB:

Good afternoon!
Add the property:

Code:

!important

to the parameters of your table:

Code:

<table style="background: #fff !important; color: #000 !important; border: solid 5px #000 !important; line-height: 250% !important; padding: 60px !important;"><tbody><tr><td style="border: none !important; text-align: justify !important;"><strong>Lorem Ipsum:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas leo vitae maximus gravida. Nulla condimentum, nunc at maximus ullamcorper, ipsum velit condimentum purus, sit amet ultrices elit est sit amet nisl. Maecenas rutrum porttitor augue, maximus finibus nisi. Fusce consectetur sagittis sapien vel pulvinar. Fusce non mi eget lectus tincidunt facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin in nibh neque. Integer a sagittis libero. </td></tr></tbody></table>

In my version, I removed the cell border:

Code:

border: none !important;

I also aligned the text to the width using the:

Code:

text-align: justify !important;

Result:

Dear @Castiel

do you have a link on ModernBB where we can see live the table?

Thanks

When your request is complete, please mark it as Solved.