Question about CSS

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

 How would I addd the pseudo class Hover to the following css snippet;

a.linkone {
 background-image: url(web-content/images/images/menuup-1_01.gif);

The link is being used in a unordered type list which is defined by the

ul#mainnav {
 margin: 0;
 padding: 0;
 background-color: #39A3FF;

ul#mainnav li a:link, ul#mainnav li a:visited {
 text-decoration: none;
 display: block;
 width: 100%;
 color: #005299;
 width: 88%;
 padding: 6px 6%;
 font: bold 10pt/1.5 arial,sans-serif;

 ul#mainnav li {
  border-top: 1px solid #a5b5c6;
 ul#mainnav li a:hover {
 background-color: #BFE1FF;
 color: #7B7CFF;


And the code for the list is;

<ul id="mainnav">
    <li ><a href="(EmptyReference!)" class="linkone">link one</a></li>
    <li><a href="(EmptyReference!)" class="linktwo">link two</a></li>
    <li><a href="(EmptyReference!)" class="linkthree">link three</a></li>
    <li><a href="(EmptyReference!)" class="linkfour">link four</a></li>
    <li><a href="(EmptyReference!)" class="linkfive">link five</a></li>
    <li><a href="(EmptyReference!)" class="linksix">link six</a></li>
    <li><a href="(EmptyReference!)" class="linkseven">link seven</a></li>

I dont want to use the same image on each link, thats why I have defined
seven different classes for the <a href> tag .linkone to .linkseven

Hope you can help, and I hope I'm posting in the right place, if not



I am using the free version of SPAMfighter for private users.
It has removed 3287 spam emails to date.
Paying users do not have this message in their emails.
Try for free now!

Re: Question about CSS

paul wrote:

Quoted text here. Click to load it

background-image: url(web-content/images/images/menuup-1_01.gif);

Els            /
Sonhos vem. Sonhos vo. O resto imperfeito.
                             - Renato Russo -
Now playing: The Eagles - Heartache Tonight

Site Timeline