Suggestion Problem while trying to create a custom style

[Regis]

Hello,

I am trying to create a gallery type style for the forum (basicly a big thumnail view) but i ran into a very annoying problem with forum html.
When open any forum display (like http://www.anime-sharing.com/forum/hentai-games-38/) the preview image (img.preview)
is located inside a <a> tag that looks like this:

<a class="threadstatus" rel="vB::AJAX" style="height:58px [COLOR="#2C82C9"]!important[/COLOR];width:60px [COLOR="#2C82C9"]!important[/COLOR];padding-right:8px;background: none !important;" title=""> 
  <img class="preview" src="https://i4.imagetwist.com/th/30357/aybm13c48h1n.jpg" style="width:50px;height:50px;border:1px solid #c8c8c8;background:#fff;padding:2px;display:block;" title="">
</a>

My problem is that the a-tag has its height and width attributes written into the element itself and with the !important keyword. That is bad design and makes it impossible for me to overwrite those attributes by including my own style.
It's possible to change it using javascript but a custom style should just include css.

Could you look into it and maybe remove the !important keyword or find another way make those attributes rewritable?

thanks

 

[Checkmate]

Hey there.

I understand your frustration. However, this codebase is roughly 10 years old. Calling it ancient is an understatement. A newer version is being developed which adhere to the latest standard.

What you're trying to do - here I call it masonry listing style is also included in the new iteration. It means that I don't really want to touch this one until the deployment of our second major upgrade.

 

[Regis]

Ok, thanks for the infos.

Guess all i can do is wait and see.
I think you know already know about this, but it makes people very happy when you make your redesign as style friendly as possible. Like avoiding the important keyword, a proper use of css classes and a clean/simple html structure. :D