Member Avatar for Borderline

Evening

I've been experiencing problems while trying to give my two menus different attributes - could anyone advise the correct method I need for this, please?

The menu works as I want it, but I'd like to have any link in the content box displayed in a different colour.

CSS

/*------  ELEMENTS AND TAGS  ------*/

a:link {
	color: white;
	text-decoration:none;
}

a:visited {
	color: silver;
	text-decoration:none;
}

a:hover {
	color:silver;
	text-decoration:bold;
}

div#content p {
	clear: left;
	color: #000000;
	text-align: justify;
	}

		a.content:link {
			color: blue;
			text-decoration:none;
		}

		a.content:visited {
			color: purple;
			text-decoration:none;
		}

		a.content:hover {
			color:red;
			text-decoration:bold;
		}

PAGE:

<div id="content">
	<h2>Overview of Jackpot Previews</h2>

	<p>	
	Our resident columnist Pip, from Lodgehill Stables, selects three races a night to preview.  As soon as racing
	begins, we hope to bring this popular feature back to your screens!
	</p>

</div>

<div id="content">
	<h2>Latest Previews</h2>

	<p>	
	<a class="content">

			   <?php  
				// Connects to your Database  
				mysql_connect("******", "******", "******") or die(mysql_error());  
				mysql_select_db("******") or die(mysql_error());  
			$data = mysql_query("SELECT * FROM `race` WHERE `month`='sep08' OR `month`='nov08'
			ORDER BY `id`") or die(mysql_error());  
		?>
		<table cellpadding="2" width="95%">
		  <tr>
			<th align='left'>Date</th>
			<th align='left'>Race 1</th>
			<th align='left'>Race 2</th>
			<th align='left'>Race 3</th>
			<th align='left'>Previewer</th>
		  </tr>
		<?php
		while($info = mysql_fetch_array($data)) {  
		?>
		  <tr> 
		<td>
			  <a href="<?php echo $info['link']; ?>">
				<?php echo $info['date']; ?>
			  </a>
			</td>
			<td><?php echo $info['race1']; ?></td>
			<td><?php echo $info['race2']; ?></td>
			<td><?php echo $info['race3']; ?></td>
			<td><?php echo $info['previewer']; ?></td>
		  </tr>
		<?php
		}  
		?>
		</table> 

	</p></a>
</div>

Any help would be appreciated.

Recommended Answers

All 2 Replies

start quote:

    a.content:link {
        color: blue;
        text-decoration:none;
    }

    a.content:visited {
        color: purple;
        text-decoration:none;
    }

    a.content:hover {
        color:red;
        text-decoration:bold;
    }                                                                                                                       

end quote.

You need to do:

#content a:link{
color:blue
}

That will change all link color inside of the content div

Member Avatar for Borderline

Excellent, many thanks!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.