View Full Version : Colors and underline issue- fix?

09-04-2007, 11:24 PM
Novice coder here - using DW 8

If you go to


you'll see several underlined blue text links - So I'd like all links text to be the same color blue as the "(71 Countries)" color blue instead of the current bright blue...seems the js code or something is getting in the way of the page properties color blue I've given it, would like to know how to fix...

Also, the "(71 Countires)" rollover is fine, and though I'd like to keep the underline, I don't want the viewer to be able to click on it,, rather just want an underline to draw attention to the rollover but not link to anything...this is a problem currently, for IE 6/7, onclick takes a person to an image index page, which I never intended.

Thanks much


09-04-2007, 11:56 PM
First off, color can be easily fixed. The color on that link is 0a4c89 -or- (10,36,137), so either add that to the CSS, or add it directly to the link with an inline style.

Secondly, if you don't want people to be able to "click it" can certainly add a hash symbol "#" so that it goes nowhere, or you could even just turn it into plain text with a "title" atrribute. Either way works.

Hope that helps.

09-05-2007, 12:09 AM
Very helpful - will try it - thanks


09-05-2007, 12:50 AM
Almost there - I added a font tag (bit of a hassle) to every link in the body text...looks good now, except the links (excluding "71 Countries") all have a different color brighter blue underline on them, in other words the text blue and the underline blue are 2 diff colors - how'd that happen?

I do want the underlines there at all times, but only on IE 6/7 are they absent except on hover - why?


09-06-2007, 04:27 AM
Looks great. I think you did something with the CSS, but it's working now.

Glad I could help.

09-06-2007, 04:14 PM
Yes, someone mentioned, as you also did, I should do this in my css (to which I added the a:visited as well...)

a { color: #0a4c89; text-decoration: underline;}
a:hover { color: #ff8e09; text-decoration: underline;}
a:visited {color: #333333; text-decoration: none;}

Got rid of the font tags, supposedly they're not very good to have, made the "71 countries" a span instead of a dead link, with a note on the page for the viewer to rollover that text, etc.

So thanks again for your input.


09-06-2007, 04:59 PM
Actually just got rid of the "visited" css, didn't like it...