Change Few Words in Text to Different Font Color

[RuFuS]

I am confused

I just looked at your site in Firefox and IE 7 and both seem to be working fine?

What browser are you experiencing this in because I am struggling to recreate the issue?

[chava]

I am using IE 6. The links for newest items and all items at the bottom of the text are showing in red and underlined for you? Not for me.

[daver1510]

Hi Chava,

change your css to

.redtext {
color: #990000;
}

I went to look at your site again http://www.antiquesbycharla.com/ but I could not view it?

I like your web site. What did u use to make your header?

Dave

[RuFuS]

Hi Chava,

Unfortunately my test machine blew its memory last week and I am yet to order some more so I can only test in Firefox 2.0.0.7 and IE 7.0.6.

If I can't see it, I can't fix it.

It does work fine in both these browsers though.

[chava]

Thanks RuFuS
I appreciate all your help. Just doesn't make sense to me that it doesn't work in IE6 with this new coding. Also, when I tested it in an online website browser tester for Firefox, it didn't show up as red text there either.

Hopefully, someone can offer some more insight.
Thanks again. Chava

Thanks for the compliment Dave. I'm not sure I know what you mean by "what did I use to make my header". It's a custom made logo/banner.
Chava

[chava]

Hi RuFuS
You are correct in that the coding does work in most browsers. Found a place on line where you can have your site checked in different browsers and the majority showed the code correctly.


But! I have no idea what is happening on my end. Before I changed to this correct coding, I was just using <font color> and <u> and it showed up fine for me (red and underlined), but when I corrected the coding, the "Newest Items" and "all items" at the end of the text are in my blue visited color and no underline.

Also having a second problem, when I click on links in my categories, the items turn the blue visited links color. Problem is that once logged out and go back in, the previous blue links have changed back to the regular black (which is correct), but when I click on any one link, they "all" pop back up again. This happens even after I clear my cache and completely close down computer. They are only supposed to remain the visited color until you leave the site.

Obviously, these two problems must be related, but I have no idea why it's happening.

Does anyone have any ideas on why this is happening and the code doesn't show correctly on my computer. I use IE 6.0 and when I checked online, it works correctly for that browser.

[RuFuS]

Chava,

Welcome to the world of web design

I have now got my test machine up and running again and as you said the css works in IE 6. I also tested IE 5, Netscape 8 and Opera 9.0 and these were fine as well.

I did see the visited links turning blue issue in IE 6 but this is the only browser I saw it in as it doesn't work in the other browsers at all. ie the text stays black.

This probally due to this

a.category-products {
color: #000000;
}

overwriting this

a:visited {
color: #0099ff;
text-decoration: none;
}

If you change the a:visited color to #000 then they will all be the same.

As far as your browser goes, why not upgrade to IE 7 the issue may go away, I personally mainly use Firefox and would suggest you install this as well, if not only to check your site changes (Firefox has a 35% share of the market) according to w3c's browser usage stats.

[chava]

Thanks RuFuS
If I am understanding this, you are suggesting I change the visited color to black, as well. The reason for the different color is for proper website navigation to let people know which links they have already visited. I do want them to turn blue, but to disappear when someone leaves the site and comes back. In my case, when I return and click a link, all the previous links show as blue as well. Clearing my cache doesn't even remove them.

Why wouldn't all other browsers support the visited link color, as this is something built into zencart as a default? Wow, this is really getting confusing.

[RuFuS]

I feel I may have confused you

The a:visited is supported and does work.

The class that controls the css for categories though reassigns the a tag

a.category-products {
color: #000000;
}

if you wish to use the a:visted within the categories class (category-products)
simply reassign it

a:visited, a:visited.category-products {
color: #0099ff;
text-decoration: none;
}

I think it would help you to buy a decent css book or spend some time reading up online.

[chava]

Thanks so much RuFuS. Your help has been much appreciated. I did quite a bit of studying online today about css and different browsers and realized that it's not a good idea to try to design your site around outdated browsers. Guess you can't please everyone. I had also been looking into finding a helpful book on CSS.

You have been a great help! Thanks again!