PDA

View Full Version : Change 1 link color


Hector The Inspector
01-01-2016, 10:17 PM
Hi, I have spent some time now trying to figure out how to change the color of 1 link on my web page. I have a page with about 12 links on it. I have set the link page properties to black with red rollover. Works really well. I then created a table (1 line, 3 column) at the bottom of the page and inserted my link text in to the middle column. I can change the color of the text okay but as soon as I create the hyperlink, the color reverts back to the page property (black). Same as all the other links. I have searched the web and tried numerous suggestions from the property inspector, creating a new CSS style, choosing contextual selector types, id's, Div tags. My version of Dreamweaver CS3 doesn't show the same CSS Rule selector box as the examples that other people have posted on the net. I can't seem to over ride the main page properties setting of links. I use the design view to create my web site/pages and find it all a bit confusing to add bits of code and stuff here and there. Any help would be much appreciated. Cheers and a Happy New Year to all.

edbr
01-04-2016, 12:59 AM
first day back in the office and just waking up :) happy new year btw.
sounds like a faling of the dw wizard and its changing the a;link properties ad hoc. you would be better to get into code and create classes for each colour.
if you check my sig for different links it will give you some starter code

Hector The Inspector
01-04-2016, 06:58 AM
Hi edbr, thank you for your reply, I thought that I was quite computer savvy but this website creation has got me flummoxed.

I will check out your sig for links (if I can find it) and see what info I can glean from it.

I have attached the code for my web page to let you see what it is all about.

I am trying to change the color of the link "multiple cars" at the bottom of the page to blue with red rollover.

Cheers Ashley.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>old car magazine 4x4 military and off road vehicles</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
}
.style5 {
font-size: 18px;
color: #000000;
}
.style7 {color: #0000FF}
.style91 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style92 {color: #FF0000; }
.style95 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; }
.style96 {
font-size: 20px;
color: #0000FF;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:active {
color: #000000;
}
a:hover {
color: #FF0000;
}
-->
</style>
<meta name="Description" content="Learn more about 4x4, pick ups, utes, military and off road vehicles. Articles are taken from the pages of old car magazines - 2016" />
<meta name="Keywords" content="old, car, magazine, 4WD, 4x4, military, ute, utility, atv, pick up, off road, truck, lorry, one, tonne, " />
</head>
<body>
<p align="center"><img src="S0-index-images/old-car-magazine.jpg" alt="car magazine articles" width="753" height="67" longdesc="http://old car magazine articles" /></p>
<div align="right" class="style5">
<div align="center"><span class="style5"><a href="index.html" class="style5">HOME</a> | <a href="1-old-school-car-magazine-articles-brand.html" class="style5">OLD SCHOOL</a> | <span class="style92">4x4 &amp; MILITARY</span> | <span class="style98"><a href="3-japanese-car-magazine-articles-brand.html" class="style5">JAPANESE &amp; MODIFIED</a> | </span></span><span class="style101"><a href="4-supercar-magazine-articles-brand.html" class="style5">SUPERCARS</a></span><span class="style5"><span class="style98"> | <a href="5-vintage-car-magazine-articles-brand.html" class="style5">VINTAGE</a> |<a href="order-form.html" class="style5"> CONTACT</a> | <a href="terms-conditions.html" class="style5">TERMS</a></span></span></div>
</div>
<p align="center" class="style96"><br />
4x4, PICK-UP'S, UTES, ATV, MILITARY AND OFF ROAD VEHICLES.</p>
<table width="1134" align="center">
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/hsv-car-articles-model.html">HSV</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/ford-car-articles-model.html">FORD</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-atv/atv-car-articles-models-3/rage-car-articles-model.html">RAGE</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-military/military-car-articles-models-3/blitz-car-articles-model.html">BLITZ</a></div></td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/hummer-car-articles-model.html">HUMMER</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/gmc-car-articles-model.html">GMC</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/jeep-car-articles-model.html">JEEP</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/holden-car-articles-model.html">HOLDEN</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/land-rover-car-articles-model.html">LAND ROVER</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/range-rover-car-articles-model.html">RANGE ROVER</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/toyota-car-articles-model.html">TOYOTA</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/volkswagen-car-articles-model.html">VOLKSWAGEN</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/willys-car-articles-model.html">WILLYS</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
</table>
<p><br />
</p>
<table width="900" border="0">
<tr>
<td width="340">&nbsp;</td>
<td width="292"><div align="center"><a href="6-multiple-car-magazines.html">Multiple Cars</a></div></td>
<td width="254">&nbsp;</td>
</tr>
</table>
<p align="center"><a href="6-multiple-car-magazines.html"></a></p>

edbr
01-05-2016, 03:05 AM
ok its a bit confused wityh multi spans and classes so i did a partial re write using divs for layout.
try to use the dive to style where you can ie font size etc . any way paly with this and see if we can progress your page from here
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>old car magazine 4x4 military and off road vehicles</title>
<style>
#menu{ text-align:center;clear:both; }
#menu ul a:link, a:visited, a:active{color: black ;}
#menu ul a:hover {color: red;}
#content{ clear:both; }
#footer{ text-align:center; clear:both; }
#footer, a:link, a:visited, a:active{color: green;}
#footer, a:hover {color: white ;}
</style>
</head>

<body>
<p ><img src="S0-index-images/old-car-magazine.jpg" alt="car magazine articles" width="753" height="67" longdesc="http://old car magazine articles" /></p>
<div id="menu"><ul>
<a href="index.html" >HOME</a> |
<a href="1-old-school-car-magazine-articles-brand.html" >OLD SCHOOL</a> |
4x4 &amp; MILITARY |
<a href="3-japanese-car-magazine-articles-brand.html" >JAPANESE &amp; MODIFIED</a> |

<a href="4-supercar-magazine-articles-brand.html" >SUPERCARS</a> |

<a href="5-vintage-car-magazine-articles-brand.html" >VINTAGE</a> |

<a href="order-form.html" > CONTACT</a> | <a href="terms-conditions.html">TERMS</a></ul></div>


<div id="content">
<h2>
4x4, PICK-UP'S, UTES, ATV, MILITARY AND OFF ROAD VEHICLES.</h2>
<table width="1134" align="center">
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/hsv-car-articles-model.html">HSV</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/ford-car-articles-model.html">FORD</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-atv/atv-car-articles-models-3/rage-car-articles-model.html">RAGE</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-military/military-car-articles-models-3/blitz-car-articles-model.html">BLITZ</a></div></td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/hummer-car-articles-model.html">HUMMER</a></div></td>
<td width="220"><div align="center"><a class="menu" href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/gmc-car-articles-model.html">GMC</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/jeep-car-articles-model.html">JEEP</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/holden-car-articles-model.html">HOLDEN</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/land-rover-car-articles-model.html">LAND ROVER</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/range-rover-car-articles-model.html">RANGE ROVER</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/toyota-car-articles-model.html">TOYOTA</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/volkswagen-car-articles-model.html">VOLKSWAGEN</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/willys-car-articles-model.html">WILLYS</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
</table>

</div>
<div id="footer">
<a href="6-multiple-car-magazines.html">multiple cars</a>
</div>
</body>
</html>

Hector The Inspector
01-05-2016, 04:28 AM
Hi, thank you for all the time you have spent on this. I copied your suggested code and placed it in to a new blank page of CS3. It is completely different to the way mine looks and the bottom link 'multiple cars' is still the same color as all the other links on the page(ie page properties). Is there no easy way (I mean in a few steps) to change the color of just 1 link on the page, that is different to all the others? I've gone too far with this website to start changing many pages of code, not to mention I haven't a clue what I'm doing. Unless it is in design mode. WYSIWYG. Thank you again, regards

edbr
01-05-2016, 04:49 AM
no the liknks in the menu are one colour an the page and footer link are the same (green) you can change this in styles .
using wysiwg , not sure but you van use code navigator in dw to change things.

edbr
01-05-2016, 04:51 AM
like this

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>old car magazine 4x4 military and off road vehicles</title>
<style>
#menu{ text-align:center;clear:both; }
#menu ul a:link, a:visited, a:active{color: black ;}
#menu ul a:hover {color: red;}
#content{ clear:both; }
#content a:link, a:visited, a:active{color: red ;}
#content a:hover {color: orange;}
#footer{ text-align:center; clear:both; }
#footer, a:link, a:visited, a:active{color: green;}
#footer, a:hover {color: white ;}
</style>
</head>

<body>
<p ><img src="S0-index-images/old-car-magazine.jpg" alt="car magazine articles" width="753" height="67" longdesc="http://old car magazine articles" /></p>
<div id="menu"><ul>
<a href="index.html" >HOME</a> |
<a href="1-old-school-car-magazine-articles-brand.html" >OLD SCHOOL</a> |
4x4 &amp; MILITARY |
<a href="3-japanese-car-magazine-articles-brand.html" >JAPANESE &amp; MODIFIED</a> |

<a href="4-supercar-magazine-articles-brand.html" >SUPERCARS</a> |

<a href="5-vintage-car-magazine-articles-brand.html" >VINTAGE</a> |

<a href="order-form.html" > CONTACT</a> | <a href="terms-conditions.html">TERMS</a></ul></div>


<div id="content">
<h2>
4x4, PICK-UP'S, UTES, ATV, MILITARY AND OFF ROAD VEHICLES.</h2>
<table width="1134" align="center">
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/hsv-car-articles-model.html">HSV</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/ford-car-articles-model.html">FORD</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-atv/atv-car-articles-models-3/rage-car-articles-model.html">RAGE</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-military/military-car-articles-models-3/blitz-car-articles-model.html">BLITZ</a></div></td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/hummer-car-articles-model.html">HUMMER</a></div></td>
<td width="220"><div align="center"><a class="menu" href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/gmc-car-articles-model.html">GMC</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/jeep-car-articles-model.html">JEEP</a></div></td>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-pick-up-ute/pick-up-ute-articles-models-3/holden-car-articles-model.html">HOLDEN</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/land-rover-car-articles-model.html">LAND ROVER</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/range-rover-car-articles-model.html">RANGE ROVER</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/toyota-car-articles-model.html">TOYOTA</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/volkswagen-car-articles-model.html">VOLKSWAGEN</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220"><div align="center"><a href="S2-4x4-car-articles/B6-4x4-suv/4x4-suv-articles-models-3/willys-car-articles-model.html">WILLYS</a></div></td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
<tr>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
<td width="220">&nbsp;</td>
</tr>
</table>

</div>
<div id="footer">
<a href="6-multiple-car-magazines.html">multiple cars</a>
</div>
</body>
</html>

Hector The Inspector
01-05-2016, 09:18 AM
Hi problem solved,

Thanks again for your help and patience with me.

Here is the code that works for me.

Apply a class to the link as in
<td width="292"><div align="center"><a href="6-multiple-car-magazines.html" class="multiple_cars">Multiple Cars</a></div></td>
Then add a few style rules at the end of all other style rules like
a.multiple_cars {
color: blue;
}
a.multiple_cars:hover {
color: red;
}