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

Working on mobile css menu with plenty of frustration! 2
I need help fixing my website 2
Horizontal menu bar header 2
Different font sizes inside same div 2
Multi select options in a menu 1
JavaScript code not working!! 6
Only one table shows up with the information 2
Recreating CNN.com 4

Members online

Total: 28 (members: 1, guests: 27)
Robots: 55

Forum statistics

Threads
473,769
Messages
2,569,578
Members
45,052
Latest member
LucyCarper

Latest Threads

Top