Hi everyone.I`m having a bit of trouble with my links. I`m using a linked style sheet and want to have 3 different link formats (different colours, behaviours etc.) on the same page.I have tried some of the W3 tutorials but cant get anywhere (not because of the tutorials, they are great!) so would appreciate your help.The site I am trying to get the multiple link styles on is here:http://www.ewportal.com/Untitled-1.htmlI want the links at the top to stay as they are, but then at the bottom of the page I need those links to be a different colour. Here is my current CSS code:
body,td,th { font-family: Verdana, Arial; font-size: 12px; color: #000000;}body { background-color: #FFFFFF;}a { font-family: Verdana, Arial; color: #F16C00; font-weight: bold;}a:link { text-decoration: none;}a:visited { text-decoration: none; color: #F59C01; font-family: Verdana, Arial; font-weight: bold;}a:hover { text-decoration: none; color: #F59C01; font-family: Verdana, Arial; font-weight: bold;}a:active { text-decoration: none; color: #F16C00; font-family: Verdana, Arial; font-weight: bold;}.mainHeader { font-family: Verdana, Arial; font-size: 4pt; color: #3149A1; font-weight: bold}.factFiction { font-family: Verdana, Arial; font-size: 16px; color: #3149A1; font-weight: bold}.factFictionText { font-family: Verdana, Arial; font-size: 16px; color: #333333;}.HorizontalTblBg {background-image: url('images/line2.jpg');background-repeat: no-repeat;background-position: center; }.factFictionText { font-family: Verdana, Arial; font-size: 16px; color: #333333;}
Im a bit of a CSS noob but hopefully you will be able to help.ThanksDan