IE Showing - How to Remove Image Blue Link Border Color, Firefox Look, Dreamweaver
Jul 26th, 2008 | By admin | Category: Dreamweaver, Tutorials | 2,126 views | SubscribeWhen it comes to web design Internet Explorer (IE) compatibility can always be an issue. My new auto insurance page from the Make An Auto Insurance One Page Template in Dreamweaver Tutorial showed strange blue link borders in IE around my images , as shown below.
IE Showing - How to Remove Image Blue Link Border Color, Dreamweaver
I wasn’t very happy with the blue lines, so here’s the code I used to remove them.
a img {border: none; }
That little code above should be added your stylesheet if you’d like like to remove the blue link borders from your site. The stylesheet would be your css file. The page is probably better without it.
Same Firefox Look
But what I really wanted to do was to make it show the way it shows in Firefox. I wanted it to show the yellow links I put in. The images are linked so they should show that in IE too.
a img {border: #FFFFCC; }
Instead of not using a border, I inserted yellow color code. Now I have the look I want showing in the IE browser.
Just when I thought is was over…
Now the yellow border is good in IE, but it doesn’t show on firefox.
One last change including the mouseover…
a img {
border: 1px solid #FFFFCC;text-decoration: none;
}a:hover img{
border: 1px solid #663300;
}
Finally, the page is identical in both browsers.
[...] If you’ll be adding links to any of your images, click here to edit the link [...]
[...] it, unless you want Add A Horizontal Menu with Button Images, adjust colors and image borders, or add some personal edits. By now, your New Wine Affiliate Template should be ready to [...]
Hi,
Thanks for the tut. Your trick to remove the blue boarder in IE really did the trick. I have been using Joomla! and editing in Dreamweaver for about 6 months and found your article very helpful.
Thanks again!
RossM