|
|
Posted by BootNic on 10/28/29 11:41
> "Polder" <povez@___.__> wrote:
> news:44084b91$0$36929$4fafbaef@reader3.news.tin.it....
>
> Hi,
> I have a menu built this way:
>
> <div class="menu">
> <ul class="ul_menu">
> <li><a title="click download" href="#">link 1</a></li>
> <li><a title="cap I" href="#beatus">link 2</a></li>
> ...
> </ul>
>
> CSS ul_menu class is:
>
> ul.ul_menu{list-style-image: url(menu.gif);}
>
> Now, I would like to change the icon whenever the corresponding
> link has been visited.
> Is it possible? How?
You could use the links background img, padding and margin to get the effect.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
#fgh a:link{
margin-left:15px;
padding-left: 20px;
color:red;
background-image: url(x.gif);
background-position: left center;
background-repeat: no-repeat;
}
#fgh a:visited{
margin-left:15px;
padding-left: 20px;
color:red;
background-image: url(o.gif);
background-position: left center;
background-repeat: no-repeat;
}
#fgh a:hover{
margin-left:15px;
padding-left: 20px;
color:red;
background-image: url(-.gif);
background-position: left center;
background-repeat: no-repeat;
}
#fgh,#fgh li{
margin:0;
padding:0;
list-style: none;
}
</style>
<title></title>
</head>
<body>
<ul id="fgh">
<li><a href="http://www.yahoo.com">yahoo</a></li>
<li><a href="http://www.google.com">google</a></li>
<li><a href="http://www.ask.com">ask</a></li>
</ul>
</body>
</html>
--
BootNic Friday, March 03, 2006 5:27 PM
My problem lies in reconciling my gross habits with my net income.
*Errol Flynn*
Navigation:
[Reply to this message]
|