Hi,
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
following:
ul#mainnav {
list-style:none;
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>
</ul>
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
sorry!
TIA
Paul
--
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 www.SPAMfighter.com for free now!