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 http://www.google.com. 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