FUDforum: Bug Reports » visited link style overrides hover link style

Home » FUDforum Development » Bug Reports » visited link style overrides hover link style (

) 1 Vote

Show: Today's Messages :: Unread Messages :: Polls :: Message Navigator
| Subscribe to topic | Bookmark topic

visited link style overrides hover link style [message #1358]

Tue, 09 April 2002 12:32

snafu

Messages: 27
Registered: April 2002

Karma: 0

Junior Member

add to buddy list
ignore all messages by this user

Admin Control Panel > Appearance Management > Style Manager

Situation:
I've copied the default styles and customized the "Link MouseOver color".

Expected results:
the mouseover style should apply to both visited and unvisited links.

Actual Results:
style only works for unvisited links.

Possible cause:
The fact that a:hover style rules are placed above a:visited in the stylesheet. Sinse a:visited is the last rule declared, it overrides the a:hover styles.

I think that people expect the behavior where hover styles apply to visited and unvisited links. Any way I can fix this?

Report message to a moderator

Rate author: +1 -1

Re: visited link style overrides hover link style [message #1359 is a reply to message #1358]

Tue, 09 April 2002 12:35

Ilia

Messages: 13241
Registered: January 2002

Karma: 0

Senior Member
Administrator
Core Developer

remove from buddy list
ignore all messages by this user

Actually the order of the style sheets does not matter in this case. The nature of css is such that visited link will ALWAYS overwrite the mouseover color. You can test this yourself.

The solution that "could" work would be to clear out the a:visited class.

FUDforum Core Developer

Report message to a moderator

Rate author: +1 -1

Re: visited link style overrides hover link style [message #1361 is a reply to message #1358]

Tue, 09 April 2002 12:51

snafu

Messages: 27
Registered: April 2002

Karma: 0

Junior Member

add to buddy list
ignore all messages by this user

Thanks for the fast response.

Just did a quick test:

1) Saved the page using my browser's "save as" feature.

2) Opened saved version in browser, confirmed that visited links still didn't manifest :hover styles.

3) Opened page in text editor, found stylesheet, moved a:hover below a:visited.

4) Reloaded browser.

5) Confirmed that visited links now manifest :hover styles.

I've read in various places that it's standard practice to put :hover styles after :link, :visited, and :active. Don't know if this is necessary because of imperfect CSS implementation in current browsers, but necessary nonetheless.

My browser:
Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.9) Gecko/20020311
(Mozilla 0.9.9)

Report message to a moderator

Rate author: +1 -1

Re: visited link style overrides hover link style [message #1362 is a reply to message #1358]

Tue, 09 April 2002 13:28

snafu

Messages: 27
Registered: April 2002

Karma: 0

Junior Member

add to buddy list
ignore all messages by this user

Also confirmed this test in IE5.
Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)

Report message to a moderator

Rate author: +1 -1

Re: visited link style overrides hover link style [message #1363 is a reply to message #1362]

Tue, 09 April 2002 13:42

Ilia

Messages: 13241
Registered: January 2002

Karma: 0

Senior Member
Administrator
Core Developer

remove from buddy list
ignore all messages by this user

Thanks for the report, I'll make proper modifications to handle this situations.

On your install, edit your header_*.inc files located in the settings directory and change the order of the CSS.

FUDforum Core Developer

Report message to a moderator

Rate author: +1 -1