Results 1 to 4 of 4

Thread: Trying to add check mark to A:visited

  1. #1
    Join Date
    Oct 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Trying to add check mark to A:visited

    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.

    Code:
    <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.

    Code:
    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.
    Code:
    a:visited {
    		padding-left: 14px;
    		background: url(images/checkmark.gif) right no-repeat;
    		color: #999;
    		}

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    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;
    }

  3. The Following User Says Thank You to bluewalrus For This Useful Post:

    eve55 (10-06-2008)

  4. #3
    Join Date
    Oct 2008
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    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..

  5. #4
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •