Trying to add check mark to A:visited

[eve55]

Hi there I'm trying to add a check mark to a:visited in a certain part of my website but it ends up check marking the pics, sites image banners and menu links where it shouldn't be. How can I get it to only work on my sites description links that are have the >?

here's a couple of rows of the things I'm trying to get checked.


<span class="mediaitem">

<a href="http://www.plentyoftorrents.com/flsh/animation/princess-1.php"><img class="thumb" src="thumb/princess1.jpg" height="75" width="100"></a>
<span class="details">
<a href="http://www.plentyoftorrents.com/flsh/animation/princess-1.php">Animation > Princess - Episode 1</a><br>
<span style="padding: 5px 0pt; font-size: 10px; color: rgb(51, 153, 204);">( 4:25 min )</span>
<br>
<span class="description">
From the Creators of South Park. Princess hears a strange noise. <a href="http://www.plentyoftorrents.com/flsh/animation/princess-1.php">view</a>

</span>
</span>
<!-- actual end of the category view span -->
<br><br>
<img src="images/hr.gif" border="0"/>
<br>
<!-- new category view thumbnail and description -->


<!-- new category view thumbnail and description -->
<span class="mediaitem">
<a href="http://www.plentyoftorrents.com/flsh/animation/Adam+Sandler+The+Peeper.php"><img class="thumb" src="thumb/adam+sandler+the+peeper.jpg" height="75" width="100"></a>
<span class="details">
<a href="http://www.plentyoftorrents.com/flsh/animation/Adam+Sandler+The+Peeper.php">Animation > Adam Sandler - The Peeper</a><br>
<span style="padding: 5px 0pt; font-size: 10px; color: rgb(51, 153, 204);">( 6:50 min )</span>
<br>
<span class="description">
A funny Adam Sandler animation.
<a href="http://www.plentyoftorrents.com/flsh/animation/Adam+Sandler+The+Peeper.php">view</a>

</span>
</span>
<!-- category view span -->
<br><br>
<img src="images/hr.gif" border="0"/>
<br>
<!-- new category view thumbnail and description -->

and heres the css for this.


span.mediaitem {
text-align: left;
padding: 6px;
}

span.mediaitem a {
font-weight: bold;
}

span.mediaitem img {
float: left;
margin-right: 5px;
}


/* span.mediaitem span.details width was originally 320px if anything goes wrong change it back*/
span.mediaitem span.details {
float: left;
width: 400px;
}
/* span.mediaitem span.details width was originally 320px if anything goes wrong change it back*/


span.mediaitem span.jokedetails {
float: left;
margin-left: 100px;
width: 320px;
}

span.mediaitem span.description {

}

span.mediaitem br {
clear: both;
}

and finally the css for the check marks.

a:visited {
padding-left: 14px;
background: url(images/checkmark.gif) right no-repeat;
color: #999;
}

[bluewalrus]

give each <a> tag an id say check (<a id="check" href="link">text</a>)

css:
#check a:visited {
padding-left: 14px;
background: url(images/checkmark.gif) right no-repeat;
color: #999;
}

[eve55]

Thanks. I was able to get it to work with <span id="">
then a </span> directly underneath that link so it doesn't add to everything.. :)

[Medyman]

Technically, you should be using a class here instead of id.

Change <span id=""> to <span class=""> and the # in your CSS to a period.