Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations sizbut on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

hyperlink issue

Status
Not open for further replies.

NewbiDoobie

Technical User
Jul 25, 2005
63
US
I have an image that when clicked should go to another page. When I tried to add on the hyperlink, there seems to be a grey bar at the bottom of my image and it seems to have now widened.

<td><a href="../free_demo.asp"><img src="img/try_it_now.gif" width="172" height="36"></a></td>

the original code when the box looked great was:

<td><img src="img/try_it_now.gif" width="172" height="36"></td>


how do I fix this?
 
If around the image appears a blue square, then that is the default behaviour (in many browsers and OSes) that linked image has. However, since you describe a grey bottom border, I would think there is a style set for that somewhere in the css. Show us your css (or post a link to it) so that we can see it.
 
Are you sure it isn't just the color change caused by going from an un-visited link to a visited link?
If that is indeed the cause, you can set up some CSS to eliminate the changes caused by active, visited, etc., links.


- Omicron -
Compuset Portal
 

Could it be the background of the table cell <td> showing where the image is not tall enough to fill the cell. ?

Try changing the background color of the cell, does the gray bar change also??



----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
I shrunk it and the extended box went away. The grey line was a new update to the graphic (changed it on me since this morning).

Now I am just down to how to make the border go away and I will be set
 
If you're talking about the blue border appearing around the image (a little more transparency in your describing problems would not hurt), then this is the best way to do it. Put this in the head of the document:
Code:
<style type="text/css">
a img { border: none; }
</style>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top