Re: How to override the style of a pseudoclass (a link)?

[Jonathan Sachs]

On Fri, 25 Apr 2008 18:22:34 +0200, Andreas Prilop
<pr********@trashmail.netwrote:

>Then give us the address (URL) of your web page!

The "live" page is not publicly accessible, but in connection with
another problem, I have posted a simplified version at
http://www.amphigoricbooks.com/dummy/About.htm. All of the
stylesheets are there.

The problematic link is in the menu bar between "Store" and "sign
up...". To find it in the source, search for the string "Log Out".

This particular link will be replaced by an image consistent with the
other menu bar items, but the site will have plenty of other text
links which will stay, and they all are subject to the same problem.

[John Hosking]

Jonathan Sachs wrote:

>
The "live" page is not publicly accessible, but in connection with
another problem, I have posted a simplified version at
http://www.amphigoricbooks.com/dummy/About.htm. All of the
stylesheets are there.

The problematic link is in the menu bar between "Store" and "sign
up...". To find it in the source, search for the string "Log Out".

You have
#bldHeaderMenuLink a, #bldHeaderMenuLink a:link,
#bldHeaderMenuLink a:active, #bldHeaderMenuLink a.visited {
color: white;
}

but you do not have

#bldHeaderMenuItem a, #bldHeaderMenuItem a:link,
#bldHeaderMenuItem a:active, #bldHeaderMenuItem a.visited {
color: white;
}

Compare with your markup.

You also have:
1) validation errors in markup and CSS

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

2) lots and lots of rule sets in the CSS. 7 count 'em 7 files

3) filespecs with apparent variables for CSS files

"node.css?u", "defaults.css?u", etc.

4) CSS rules marked as IE-only which are really IE6 and under

/* Note: IE-only fix due to '* html'. */
* html.js fieldset.collapsed legend,

5) XHTML instead of HTML, served as text/html anyway

6) Some apparent dependence on Drupal. This probably is the main cause
of items 1-5 above.

GL

--
John
Pondering the value of the UIP: http://improve-usenet.org/

[Jonathan Sachs]

On Sun, 27 Apr 2008 00:14:18 +0200, John Hosking
<Jo**@DELETE.Hosking.name.INVALIDwrote:

>You have
#bldHeaderMenuLink a, #bldHeaderMenuLink a:link,
#bldHeaderMenuLink a:active, #bldHeaderMenuLink a.visited {
color: white;
}

but you do not have

#bldHeaderMenuItem a, #bldHeaderMenuItem a:link,
#bldHeaderMenuItem a:active, #bldHeaderMenuItem a.visited {
color: white;

Thank you! That's the sort of thing that a person can stare at in his
own code forever and not see.