PDA

View Full Version : image border issue



tom.w
Feb 20th, 2012, 07:23 PM
Hello, the main index of my site has images that have a border and drop shadowcreated by this in my CSS.


.entry img, img.thumbnail { margin-bottom: 10px; padding: 2px; border: 1px solid #ddd; background:#fff;

I have another page which I am trying to display images without this border/drop shadow but I have not been able to remove the border. Here is what I tried:

I tried to override in the <img> tag

<img src="http://" alt="image" style="float:left; border: none; padding:10px 10px 10px 5px;"/>
that did not work.

I created another class


.entry img.page { border: none; }

<img class="page" src="http:/...

that did not work.

what do I need to do to remove that border? Thank You!

Sammy12
Feb 20th, 2012, 08:48 PM
first try to use !important which will override anything



.entry img.page { border: none !important; }


if that doesn't work, use inspect element (if you have chrome) or install firebug (if you have ff), and check to see if the css border: none; (the class above) is being applied to the element

if that doesn't work, you are going to have to post your full code or a live link to your website

tom.w
Feb 20th, 2012, 09:11 PM
fixed, border was off but box shadow was not.

tom.w
Feb 20th, 2012, 10:38 PM
edited

saltie
Feb 21st, 2012, 08:46 PM
yea, i can't stand the standard iexplorer border.