Forum Moderators: not2easy

Message Too Old, No Replies

Border Showing on Only Three Sides

         

peterinwa

6:19 am on Nov 11, 2008 (gmt 0)

10+ Year Member



Can't figure out why my border is showing on only three sides of my image. Left, right and bottom. Any ideas?

Thanks, Peter

.imageBorder a {
border: 2px solid #0000ff;
}

.imageBorder a:hover {
border: 2px solid #ff0000;
}

<tr><td class='imageBorder'><a href='http://www.whatever/'><img src='graphics/MS_312x247.jpg' width=312 height=247 border=0></a></td>

Since the table cell is expanding just enough to fit the image, I thought that might be the problem. So I made it way to big with the image in the center and had the same problem.

GrafixGuru

6:27 am on Nov 11, 2008 (gmt 0)

10+ Year Member



In first class add the style "display:block", it will work

.imageBorder a
{
border: 2px solid #0000ff;
display:block;
}

peterinwa

6:39 am on Nov 11, 2008 (gmt 0)

10+ Year Member



Thanks, works great!