How to Remove Blue Line from Image/Link on Internet Explorer | HTML CSS

Hi there. I have recently bought and have been editing a landing page to use on an affiliate marketing campaign I’ve been promoting. At first there seemed to be no errors, I was using Firefox to master the design and I had it exactly how I wanted it. The problem arose when I tested the page in Internet Explorer. Take a look at the screenshots below. The first is from Firefox and the second from Internet Explorer:-

ff ie

As you can see, on Internet Explorer the picture link shows a clear blue line starting from the left of the image and going about a third of the way through it. Anyway, at last check Internet Explorer was the most used web browser and probably still is today. Therefore there is no way I can just bury my head in the sand and hope people ‘don’t mind’ this annoying blue line in my sale’s pitch.

Blue Line in Internet Explorer – Problem resolved

Ok, I have now resolved this blue line error. It was not a CSS problem but a mere HTML error. In the HTML / CSS designed landing page. The HTML for the button was using the <a> tag and was styled using CSS. However, within the HTML <a> tag was a <span> tag which was unnecessary and I simply removed it. This removed the blue line and the landing page now looks identical on Firefox AND Internet explorer.

I don’t know if the problem any readers are having is identical to this but if so, then that’s how to remove the blue link from an Image/Link on IE.

Thanks for reading!

More on Web Design

What are Keywords for a Website and SEO?

You may have recently heard the term ‘Keyword’ or ‘Keywords’ and are wondering what they mean. Well, what are keywords for a website? The fact is you probably use keywords every day in your web browsing. Every search you run through Google, Yahoo, Bing etc… IS a keyword.
Continue reading

How Do You Make Your Own Blog Website

You can easily create your own private blog by following the steps below. This guide uses WordPress as a content management system so you can easily update/edit your content.

1. First of all you are going to need a domain name.

The domain name is the address of your website. For example, the domain name of Google is Your choice of domain name will be the web address of your blog/website. My favourite place for buying a domain is GoDaddy but there are many more companies if you do a web search.
Continue reading

How to make a footer stay at the bottom of the page in HTML and CSS

Tuesday 21st August 2012

I am fairly new to HTML and very new to CSS but I’m slowly getting the idea of how they gel. Upon practicing with web site construction I have found it easy to set up the html building blocks and style them with css. However, every time I come to the footer I always have problems, such as it going to the right of a sidebar or just under the header, or overlapping another element . I have searched many times for solutions online and some don’t work while others seem far too complicated for me to understand, and understand I must if I want to make a living from this market sector. Therefore I have started experimenting. The first attempt at aligning a footer was amateur but effective, if you take a look at my previous web design post (by clicking the web design category) you will see what I mean. I have since progressed from there. I was building a site for a friend and he needed a footer to align nicely at the bottom of the page but only under the main written content section. This made my job even more complicated but I pulled it off and here is how.
Continue reading

How to build a HTML / CSS Website Layout

How to build a HTML / CSS Website Layout

First, I must mention that I am currently a newbie to CSS but this method WILL work in Internet Explorer and Firefox (untested on others).

PLEASE NOTE: Do not copy/paste this code as there is a problem with the unicode settings. You MUST hand code it for it to work.

Let’s get started. We will hand code this layout using notepad.
Continue reading