...

View Full Version : pseudo class question



johnnyblotter
01-05-2008, 09:39 PM
Hi, I'm having an issue getting pseudo classes to work in IE. I'm sure my syntax is wrong. It works in FF but the background image just dissappears in IE. How do you use pseudo classes with <a> elements that have a class or id? Any help is appreciated!

<div id="navy">
<a class="left" href="work.html">Work</a>
<a class="right"href="life.html">Life</a>
<a class="bottom" href="home.html">Home</a>
</div>

a.left:hover {
background:url(images/colorleft.gif);
color:white;
text-decoration:none;
}

VIPStephan
01-05-2008, 09:55 PM
Thats correct actually. Can we see the whole CSS and HTML please as there could be hundreds of reasons why it may not work.

For a start make sure you write the pseudo classes in the correct order:



:link {}
:visited {}
:hover {}
:active {}
:focus {}

The last ones Im not 100% sure can be interchanged, I believe but :hover needs to be after :link and/or :visited.

felgall
01-05-2008, 10:10 PM
focus needs to come after visited and before hover. A field with the focus may or may not be active and may or may not have the mouse hovering over it.


:link {…}
:visited {…}
:focus {…}
:hover {…}
:active {…}

VIPStephan
01-05-2008, 10:11 PM
Sorry. That shows how barely Im using both together. :D



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum