Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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