CSS Tip: Removing Bottom Border from Images in Fireforx
Posted 11-21-2009 at 01:22 PM by Bossman Rex
I'm working on IWANGF and have a problem with the images on the left and right. These are links that had an image and text underneath. I used one link and a line break (<br />) between the image and the text underneath. The problem I was having is that even though I had set borders to 0 in my CSS, I was still getting a small border under my image in Firefox.
The code for each is something like this: I already have set for all images, but what I discovered is that I had to change the display properties of all images within my class: The only thing I had to watch out for was that <br /> then added an extra space. Since it was displayed as a block, I simply removed the <br /> and it worked fine.
The code for each is something like this:
Code:
<div class="blocktablecenterwhite">
<span>Rex Mag</span>
<div><a href="http://www.rexmag.com" title="RexMag eZine for Men" target="_blank"><img src="http://www.rexbucks.com/program/banners/rexmag/rexmagn120.jpg" alt="RexMag Porn"><br />Ride 'er Rex</a></div>
</div>
Code:
img { border: 0;}
Code:
.blocktablecenterwhite img {
display: block;
}
Total Comments 0
