[Solved]How to block the white area under the blocked image?

[Niko]

I've blocked the banner of this code, but the area under the image is white. How can I block the div element that makes the area white? I've tried the following command ##div[style*="background-color:white"] but it doesn't work.

Code: Select all

<div style="margin:0 0 0 15px; height:350px; width: 140px; background-color:white;">

<img src="/images/tvrecorder/elisa/urho_banner.jpg" alt="" />

</div>

[IceDogg]

I'm not good at making filters, but I believe giving a page where this is happening will be a big help to those that do make filters.

[fanboy]

Code: Select all

##img[src="/images/tvrecorder/elisa/urho_banner.jpg"]

or

Code: Select all

##div[style="margin:0 0 0 15px; height:350px; width: 140px; background-color:white;"]

[Niko]

Code: Select all

##div[style="margin:0 0 0 15px; height:350px; width: 140px; background-color:white;"]

I tried that, but it won't help. I can't give a direct link to the website, because it's a Finnish IPTV service that requires a subscription.

EDIT: I managed to hide the white area by installing Element Hiding Helper 1.0.6. It created the following rule that works:

Code: Select all

elisaviihde.fi##DIV[style="margin: 0pt 0pt 0pt 15px; height: 350px; width: 140px; background-color: white;"]

[ziutek]

It seems that ABP sees HTML attributes not as they are written in the source, but sanitized by Firefox, which is why the original rule didn't work. Perhaps a warning about this could be added to the element hiding documentation?

[Wladimir Palant]

That's one reason why Element Hiding Helper exists - you don't need to guess what the "real" attribute values are...