TheCatapult Posted March 30, 2013 Share Posted March 30, 2013 (edited) 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 March 30, 2013 by MisterCatapult Link to comment Share on other sites More sharing options...
jeffman Posted March 30, 2013 Share Posted March 30, 2013 Do you actually have these HTML-style comments in your CSS? If so, that could do it. <!-- A LINK --> 1 Link to comment Share on other sites More sharing options...
deldalton Posted April 3, 2013 Share Posted April 3, 2013 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now