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.