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

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

P: n/a
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.
Jun 27 '08 #1
Share this Question
Share on Google+
2 Replies


P: n/a
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/
Jun 27 '08 #2

P: n/a
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.
Jun 27 '08 #3

This discussion thread is closed

Replies have been disabled for this discussion.