LI icon visited link

P

Polder

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?

Thanks.
 
B

BootNic

Polder said:
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?
Click to expand...


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>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Align separate li to right 2
Working on mobile css menu with plenty of frustration! 2
Problems with css menu options 2
Dropdown menu in a fixed navbar 2
I need help fixing my website 2
Horizontal menu bar header 2
Not sure why drop-down is not working. 2
Different font sizes inside same div 2

Members online

No members online now.
Total: 131 (members: 0, guests: 131)
Robots: 248

Forum statistics

Threads
474,432
Messages
2,571,680
Members
48,796
Latest member
Greg L.

Latest Threads

Top