Formatting Anchor Pseudo-classes

E

eclipsme

http://www.eclipsme.com/gorockledge/

The problem is with the menu links on the left. In FF when you roll over
them the text changes to red as intended. In IE, the entire background
goes to white, as if it is reloading the background image, then the text
turns red.

Here is the applicable css:

#wrapper #menu a:link, a:visited{
background-image: url(images/button.jpg);
display: block;
line-height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
text-decoration: none;
color: #000000;
font-weight: bold;
}
#wrapper #menu a:hover, a:active {
background-image: url(images/button.jpg);
color: #D20000;
}

Any ideas? Is there a better way to set this up?

Thanks for any help,
Harvey
 
R

Ronx

Try

#menu a {
background-image: url(images/button.jpg);
display: block;
line-height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
text-decoration: none;
font-weight: bold;
}
#menu a:link, #menu a:visited {
color: #000000;
}
#menu a:hover, #menu a:active {
color: #D20000;
}
 
R

Ronx

As far as the buttons are concerned, the action in FireFox2.0 and IE7
are identical; there is no sign of the background changing, and the
letters change to red on mouseover, to black on mouseout.
However, the body text in Firefox displays as light Orange - my default
colour. The text needs its colour set in CSS.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp
 
E

eclipsme

Seems the problem is with *my* browser. I looked at the site on another
computer's IE and it looked fine.

So what could do that, I wonder. I cleared the cache... Huh!

Harvey
 
E

eclipsme

Thanks for the pointer. As I jsut said in another post, the problem I am
seeing seems to be a problem with my IE, though I have no idea what
would cause it.

Thanks for the pointer on the text color. I will change that.

Harvey
 
R

Ronx

Try opening the page in IE with this link:
http://www.eclipsme.com/gorockledge/index.html?

The ? at the end is intentional.
It is possible that your ISP uses a cache that stores the old page for a
few hours (AOL will store the page for up to 48 hours before renewing
it). The ? normally breaks through these caches.
Otherwise, clear your cache again, and refresh the page when it loads.

Your original code does load the background image twice, or three times:
onload, onmouseover and again onmouseout, though on a modern PC, with
not much running, it should be difficult to see the reloading.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top