Jump to content

a:link does not work?


TheCatapult
 Share

Recommended Posts

Hello everybody, I would just like to ask why my links are not in Arial font even though I have set them to be that. Instead, they are in Times New Roman (the default font, I think). Here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>School Web</title><style type="text/css">#bodycss {background-image:url('Components/Images/div-backgrounds/back-web.png')}#wrapper{margin: 0 auto;width:768px;}.right{float:right}.left{float:left}.logo-banner{width768px;height:192px;background-color:#959595}.upper-navigation{width:768px;height:57px;}ul.navvv{list-style-type:none;margin:0;padding:0;overflow:hidden;text-indent:0;}ul.navvv li{margin-bottom:-5px; padding: -10px -10px -10px -10px;text-color:ffffff;text-indent:0;} a.navvv{display:block;font-family:Arial;text-decoration:none;text-indent:0;}.articles-left-nav{width:768px;height:554px;}	.articles	 {width:480px;	 height:554px;	 float:left;}<!--  A LINK  -->a:link {text-decoration:none;font-family:"Arial";font-size:11pt;color:#FF0000;}	/* unvisited link */ a:visited {text-decoration:none;font-family:"Arial";font-size:11pt;color:#00FF00;} /* visited link */ a:hover {text-decoration:none;font-family:"Arial";font-size:11pt;color:#FF00FF;}   /* mouse over link */a:active {text-decoration:none;font-family:"Arial";font-size:11pt;color:#0000FF;}  /* selected link */ <!--  END OF A LINK -->			   .articles-news-header			   {width:480px;				 height:37px;				 background-image:url('Components/Images/header/header-news.jpg');}				.articles-news-content			   {width:480px;				height:240px;				background-image:url('Components/Images/div-backgrounds/articles-back.png');padding-left:20px;}				 .articles-updates-header				{width:480px;				  height:37px;				  background-image:url('Components/Images/header/header-updates.jpg');}				.articles-updates-content			   {width:480px;				height:240px;				font-family: "Arial";font-size:11pt;				background-image:url('Components/Images/div-backgrounds/articles-back.png');padding-left:20px;}	.leftnav	 {	 float:right;	  width:288px;	 height:414px;background-color:#ff00ff;padding:0;margin:0;text-indent:0;} 					   .subdiv-time						{width:288px;						  height:130px;						  background-image:url('Components/Images/div-backgrounds/back-time.jpg');}</style></head><body id="bodycss"><div id="wrapper"><div class="logo-banner"></div><div class="upper-navigation"><img src="Components/Images/upper-navigation/nav-home.jpg" alt="Home" width="153" height="57"><img src="Components/Images/upper-navigation/nav-about.jpg" alt="About" width="153" height="57"><img src="Components/Images/upper-navigation/nav-download.jpg" alt="Download" width="153" height="57"><img src="Components/Images/upper-navigation/nav-forum.jpg" alt="Forum" width="153" height="57"><img src="Components/Images/upper-navigation/nav-guides.jpg" alt="Guides" width="153" height="57"></div><div class="articles-left-nav">	<div class="articles">  	<div class="articles-news-header"></div>	<div class="articles-news-content"><!-- PHP CODE --><?$username="741839_test";$password="building10";$database="741839_test";mysql_connect("fdb3.eu.pn",$username,$password);@mysql_select_db($database) or die( "Unable to select database");$query="SELECT * FROM phpbb_topics  WHERE forum_id='4' ORDER BY topic_id  DESC LIMIT 5 ";$result=mysql_query($query);$num=mysql_numrows($result);mysql_close();?><?$i=0;while ($i < $num) {$id=mysql_result($result,$i,"topic_id");$forumid=mysql_result($result,$i,"forum_id");$title=mysql_result($result,$i,"topic_title");$content=mysql_result($result,$i,"post_text");$time=mysql_result($result,$i,"post_time");?><? echo '<a class="newscont" href="/WAOLSir/news.php?id=' . $id . '">' . $title . '</a> <br/>'; ?>	<?$i++;}				?>    	</div>    	<div class="articles-updates-header"></div>  	<div class="articles-updates-content">There is no developments yet to be released.</div>  	</div>	<div class="leftnav"><ul class="navvv"><li><a href="default.asp"><img border="0" src="Components/Images/left-navigation/nav-register.jpg" alt="Register" width="288" height="71"></a></li><li><a href="default.asp"><img border="0" src="Components/Images/left-navigation/nav-gmprofile.jpg" alt="GM's Profiles" width="288" height="71"></a></li><li><a href="default.asp"><img border="0" src="Components/Images/left-navigation/nav-shop.jpg" alt="Cash Shop" width="288" height="71"></a></li><li><a href="default.asp"><img border="0" src="Components/Images/left-navigation/nav-vote.jpg" alt="Vote for us!" width="288" height="71"></a></li></ul><div class="subdiv-time"></div></div> </div>

Thank you very much for your help and sorry for much inquiries. P.S.: I am also very sorry for the way my code are written. Is there a specific place in my HTML/CSS piece where should I put the a:link, a:visited, etc.?

Edited by MisterCatapult
Link to comment
Share on other sites

Do you actually have these HTML-style comments in your CSS? If so, that could do it. <!-- A LINK -->
I'm disappointed. I read through MisterCatapult's code and missed this! To expand a little further, CSS commenting is implemented using the following opening and closing tags ... "/*" and "*/" without the quotation marks. The latter being the closing tag.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...