By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,739 Members | 1,081 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,739 IT Pros & Developers. It's quick & easy.

Link styles not displaying properly in IE6, 7

P: n/a
Hello,

I'm working on some link styles for this page:

http://www.house.gov/velazquez/lh0205tres/reports.html

I want all the links to always display in red (#CC0000), but in IE6
and 7 they display in gray. In FF and Opera they work fine. I've
looked all over the code and can't find what might be causing this. Is
it an IE quirk I don't know about? Thanks,

Luis

Mar 8 '07 #1
Share this Question
Share on Google+
3 Replies


P: n/a
hestres wrote:
I'm working on some link styles for this page:
http://www.house.gov/velazquez/lh0205tres/reports.html

I want all the links to always display in red (#CC0000), but in IE6
and 7 they display in gray. In FF and Opera they work fine. I've
looked all over the code and can't find what might be causing this.
Is it an IE quirk I don't know about? Thanks,
The links appear in red for me (IE6, Firefox, Opera). I'm guessing they
appear in gray to you because you have already visited them. Gray must
be your "visited" color. Clear your browser's cache and they should
return to red.

You should also validate your markup and CSS. There are numerous errors.

<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.house.gov%2Fv elazquez%2Flh0205tres%2Freports.html>
<http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.house.gov%2Fvelazqu ez%2Flh0205tres%2Fcss%2Fdefault.css&warning=1&prof ile=css21&usermedium=all>

--
-bts
-Motorcycles defy gravity; cars just suck
Mar 8 '07 #2

P: n/a
Sid
On 8 Mar 2007 08:08:26 -0800, "hestres" <lu**********@mail.house.gov>
wrote:

: Hello,
:
: I'm working on some link styles for this page:
:
: http://www.house.gov/velazquez/lh0205tres/reports.html
:
: I want all the links to always display in red (#CC0000), but in IE6
: and 7 they display in gray. In FF and Opera they work fine. I've
: looked all over the code and can't find what might be causing this. Is
: it an IE quirk I don't know about? Thanks,
It's red here. (IE7)

Sid

Mar 8 '07 #3

P: n/a
hestres a écrit :
Hello,

I'm working on some link styles for this page:

http://www.house.gov/velazquez/lh0205tres/reports.html

I want all the links to always display in red (#CC0000), but in IE6
and 7 they display in gray. In FF and Opera they work fine. I've
looked all over the code and can't find what might be causing this. Is
it an IE quirk I don't know about? Thanks,

Luis
<

#footer a:link, a:visited {
color:#666666;
text-decoration:underline;
(...)
}

#footer a:hover, a:active {
color:#666666; (...)}

Only your page footer's links are gray.

Please note that the usual color for unvisited links is blue as this is
the default color in all browsers. Using red is not my recommendation.
Users are accustomed to recognize links with blue and being underlined.
You see, Luis, web visitors and users visit other websites than yours
more often than they visit yours: so, unless you have a very important
reason to color your links red, I would color the unvisited ones as blue.

"8. Non-Standard Link Colors
Links to pages that have not been seen by the user are blue; links to
previously seen pages are purple or red. Don't mess with these colors
since the ability to understand what links have been followed is one of
the few navigational aides that is standard in most web browsers.
Consistency is key to teaching users what the link colors mean."
Top Ten Mistakes in Web Design
http://www.useit.com/alertbox/9605a.html

The normal default color in browsers for visited links is purple, not red.

"3. Not Changing the Color of Visited Links"
Top Ten Mistakes in Web Design
http://www.useit.com/alertbox/9605.html

Several issues in your webpage certainly need to be addressed:

1-
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 65%;
}

This will cause annoying problems of legibility for people over 40 years
old. Setting the font-size to 65% of the users' normal, default
font-size is clearly and definitely not recommendable. 65% of the users'
normal, default font-size on their browser can be rightly considered as
"fine print".

2-
Your code declares:

<link rel="stylesheet" media="print" type="text/css"
href="css/default.css" />

<link rel="stylesheet" media="screen" type="text/css"
href="css/default.css" />

Why include 2 exactly identical stylesheets?
Why not just:

<link rel="stylesheet" media="print, screen" type="text/css"
href="css/default.css" />

3-
p {margin-top:0px;
}

Not recommendable. Paragraphs have a normal vertical separation between
themselves in all printed material, read material. Even your own post in
this newsgroup had paragraphs with a vertical separation between themselves.

4-
id attribute values must start with a character, not a number.

5-
<h2><a href="reports/Katrina-Anniversary-Report.pdf">Katrina
Anniversary Report</a></h2>
You should at the very least clearly identify PDF links and indicate the
filesize of those PDF files. *_99% of the time_* you will annoy, really
upset your visitors with your PDF links. Both J. Nielsen and V. Flanders
strongly discourage (in many of their writings, books, websites)
creating links to PDF documents.
The general rule is to not link to a PDF document *_unless the user must
print the document and he must use Acrobat Reader to do so_*. All
browsers, even old browsers can print webpages. There is very little
reason to create links to PDF nowadays.

"2. PDF Files for Online Reading
Users hate coming across a PDF file while browsing, because it breaks
their flow. (...)"
Top Ten Mistakes in Web Design
http://www.useit.com/alertbox/9605.html

"Chairs is for sitting; PDF is for printing" V. Flanders

6-
You should validate your markup code and CSS code. You can find info,
help by looking at the reference in my signature.

7- You open new windows with <a href="..." target="_blank"which is
another big no-no. There is now a wide consensus against usage of
target="_blank" among web standards groups.

etc.

Gérard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages
Mar 8 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.