...

View Full Version : text-decoration on hyperlink - how to remove?



wicked677
05-08-2011, 10:58 PM
On IE It appears that my img hyperlinks have a white border like so:

http://servernoc.net/IE1.png

However on Firefox it appears:

http://servernoc.net/ff.png

Here is the code snippet:


.textbackgroundcolor{
background-color: #000000;
font:25px;}

I have tried with text-decoration:none whoever this did not fix the IE issue.

alex57
05-08-2011, 11:31 PM
Are you trying to show the white border in firefox?

If so, the css "background-color" property will set the background colour of the element, to show a white border round the image you need the css "border" property applied to the image element

wicked677
05-08-2011, 11:35 PM
Looks like I posted the wrong part by mistake, it appears that there could be a bug in IE that is displaying the white border around my IMG links. I do not want this and have not declared a white boarder around it. All other browsers are fine the white border only appears in IE (using IE9).

Here is the code I tried,


.rollover

a:link {
text-decoration: none;
border:none;
border:0px;
}
a:img{
border:0px;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
background-color: #000;
}
a:active {
text-decoration: none;
}

As you can see even with border none, 0px text dec off it is still there.

AndrewGSW
05-09-2011, 12:42 AM
Have you got a link to your page?

If '.rollover' is at the top of your css as shown then this is incorrect and may cause the following rules (or at least one of them) to be ignored.

newbb
05-09-2011, 12:53 AM
hi wicked677,

You can try this one:

<img alt="next" src="next_button.png" BORDER="0"/>

AndrewGSW
05-09-2011, 01:09 AM
hi wicked677,

You can try this one:

<img alt="next" src="next_button.png" BORDER="0"/>

If the op is already using css rules and a stylesheet (which is good) I don't think it's helpful to recommend using a deprecated attribute as a quick fix. This may work in this simple case, but he would be better served taking the time to understand how css might correct the issue.

wicked677
05-09-2011, 01:26 AM
Do not want to reveal website I can PM you it and really do appreciate your help! (It's for a business) - I am using a stylesheet and have considered the border=0 in HTML however this is not what I want to do going forward the whole idea I have tried to learn CSS is to minimise code.

Andrew, I've PM'd you my URL.

AndrewGSW
05-09-2011, 02:03 AM
I have IE 8 and the line around the links is initally blue but changes colour when visited etc. Are you trying to get rid of all of these lines?

CSS is case-sensitive so change 'A' to 'a' throughout and check for any similar corrections. Then try


#navigation a img {
border: 0px;
}
but you will probably need to re-check other rules for the 'a' links.

wicked677
05-09-2011, 06:40 PM
Andrew, you rock. Works a treat. Really do appreciate your help, take care!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum