Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Don't know if this is what you are looking for, but looking at my site's menu the <code>a:active</code> setting keeps it enable when you are on that page if you want it to change when someone hovers over it use <code>a:hover</code></p> <p>try something like this </p> <pre><code>ul.cssmenu li a { display: block; width: 150px; height: 50px; background:url(images/bg%27s/menu.png); } /* * Normal Links */ ul.cssmenu li.home a { background-position: 0 -3px; } ul.cssmenu li.photos a { background-position: -150px -3px; } ul.cssmenu li.racing a { background-position: -300px -3px; } ul.cssmenu li.blog a { background-position: -450px -3px; } ul.cssmenu li.forum a { background-position: -600px -3px; } ul.cssmenu li.contact a { background-position: -750px -3px; } /* * Hover Links */ ul.cssmenu li.home a:hover { background-position: 0 -54px; } ul.cssmenu li.photos a:hover { background-position: -150px -54px; } ul.cssmenu li.racing a:hover { background-position: -300px -54px; } ul.cssmenu li.blog a:hover { background-position: -450px -54px; } ul.cssmenu li.forum a:hover { background-position: -600px -54px; } ul.cssmenu li.contact a:hover { background-position: -750px -54px; } /* * Clicked Links */ ul.cssmenu li.home a:active { background-position: 0 -54px; } ul.cssmenu li.photos a:active { background-position: -150px -54px; } ul.cssmenu li.racing a:active { background-position: -300px -54px; } ul.cssmenu li.blog a:active { background-position: -450px -54px; } ul.cssmenu li.forum a:active { background-position: -600px -54px; } ul.cssmenu li.contact a:active { background-position: -750px -54px; } /* * Selected/Active Links */ ul.cssmenu li.home a.selected { background-position: 0 -108px; } ul.cssmenu li.photos a.selected { background-position: -150px -108px; } ul.cssmenu li.racing a.selected { background-position: -300px -108px; } ul.cssmenu li.blog a.selected { background-position: -450px -108px; } ul.cssmenu li.forum a.selected { background-position: -600px -108px; } ul.cssmenu li.contact a.selected { background-position: -750px -108px; } </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload