problem with links

[Grannon]

I am having a problem when using images as links. I've made a menu with my own .gif buttons. It displays fine in Foxfire, but in IE all the buttons are surrounded by a blue box. How do I get that box to go away? I've changed all the aroperties to the background color, but it still throws the blue box around my images links.

Any help is greatly appreciated. I've searched, but I can't seem to find the answer.

[Coty Skaj]

If I'm correct the blue box your referring to that shows in IE is a border problem. I had that happen to me before. If you change the border to none it would most likely fix that issue. If it does not then get back with me and I'll help you some more.

Here is the part of the code that you may need to alter...

<a href="Site Url">
<img style="border-style:none;border-color;transparent;border-size:0px;" src="image Url">
</a>


That is what I done to fix that problem. You might need to alter the text in bold or take it out but if you work with that you should get the blue box taken off.

[Grannon]

Yes that did it. Thank you very much. I knew it was something simple I wasn't doing but for the life of me I couldn't figure it out.

Thanks again.

[Coty Skaj]

You welcome, if you could would you press the brownies button on my post for helping you if you haven't done so already.

[jpmitchell]

You could do it much easier than that. Simply blanket the entire site with it by doing this (in your stylesheet):

Code: Select all

a img {
border:none;
}

What that does is say for any image that is a link apply no border. It isn't necessary to tell it to be 0px and transparent. No border means just that

Tip: Whenever possible try to avoid inline styling as it can make for messy markup and usually isn't necessary.

[Coty Skaj]

Originally Posted by jpmitchell

You could do it much easier than that. Simply blanket the entire site with it by doing this (in your stylesheet):

Code: Select all

a img {
border:none;
}

What that does is say for any image that is a link apply no border. It isn't necessary to tell it to be 0px and transparent. No border means just that

Tip: Whenever possible try to avoid inline styling as it can make for messy markup and usually isn't necessary.

Yes, you could have very easily done that. At the time though I wasn't thinking about it and just thought of the way I done it a while back when I first started learning Web Design. Thanks for the reminder !!!!

[Lyncho]

Originally Posted by jpmitchell

You could do it much easier than that. Simply blanket the entire site with it by doing this (in your stylesheet):

Code: Select all

a img {
border:none;
}

What that does is say for any image that is a link apply no border. It isn't necessary to tell it to be 0px and transparent. No border means just that

Tip: Whenever possible try to avoid inline styling as it can make for messy markup and usually isn't necessary.

And this is EXACTLY why CSS rocks so much. Saves hours and hours of work.