set bordercolor of image in link

**jamesbond** · Sep 7, 2001 06:46

I have this link:

<a href="edit.php?id=$id"><img src="images/edit.gif" border=1></a>

And the link styles defined in a seperate stylesheet:

a:link {color:#000000; font-size:11px; font-family:verdana, arial, geneva, helvetica; text-decoration: underline }
a:visited {color:#000000; font-size:11px; font-family:verdana, arial, geneva, helvetica; text-decoration: underline }
a:hover{color:#000000; font-size:11px; font-family:verdana, arial, geneva, helvetica; text-decoration: underline }
a:active {color:#000000; font-size:11px; font-family:verdana, arial, geneva, helvetica; text-decoration: underline }

But form some reason the bordercolors of the image are default blue & purple instead of black...

How can i set the bordercolor of the image to black?

**Sarah** · Sep 7, 2001 07:25

try

border-color:#ffffff;

Sarah

[oops #000000

]

**jamesbond** · Sep 7, 2001 07:47

I did already try that as well and for some strange reason it doesn't work on images in IE6.

In Netscape & Opera it does work though.

What I have is :

stylesheet :

a:link {color:#000000; border-color:#000000; font-size:11px; font-family:verdana, arial, geneva, helvetica; text-decoration: underline }
a:visited {color:#000000; border-color:#000000; font-size:11px; font-family:verdana, arial, geneva, helvetica; text-decoration: underline }
a:hover{color:#000000; border-color:#000000; font-size:11px; font-family:verdana, arial, geneva, helvetica; text-decoration: underline }
a:active {color:#000000; border-color:#000000; font-size:11px; font-family:verdana, arial, geneva, helvetica; text-decoration: underline }

and in the document:

<html>

<head>
<title>testing 123</title>

<link rel="stylesheet" href="../style/stylesheet.css" type="text/css">

</head>

<body>

<table>
<tr>
<td>
<a href="edit.php"><img src="images/edit.gif" border=1></a>
</td>
</tr>
</table>

</body>
</html>

**jamesbond** · Sep 7, 2001 08:27

In IE6 it does work with regular html by replacing <BODY> with :
<BODY LINK="#000000" VLINK="#000000" ALINK="#000000">

If anyone would be willing to test if they can get a black border around an image(between <a>..</a> tags) in IE5.5 or IE6 by only using CSS I would really appreciate it.

**thirdkind** · Sep 7, 2001 10:05

Why not set the style for the img tag itself instead of trying to do it through the anchor?

stylesheet:

img.border { border : 1px solid black; }

img tag:

<img class="border" src="images/edit.gif">

User Tag List

Thread: set bordercolor of image in link

Thread Tools

Display

set bordercolor of image in link

Bookmarks

Bookmarks

Posting Permissions