Im sure this is very simple but I need help, I started making a webpage and Im still a complete noob. I googled for the answer and I am trying what was suggested on multiple sites but for some reason its not working. What I am trying to do is change the font size and type within a div class for a set of links. Now I also want these links to have a class so that I can add further links in the body of the page if need be who dont share the same font properties as the main links. Confused yet?
Here is my code so far: HTML
And CSS:
Thanks guys!
Here is my code so far: HTML
Code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Vibrant Arizona Pool Cleaning Service</title>
<style>
@import url('vibrant_az.css')
</style>
</head>
<body>
<div id="navigation">
<a href="www.anandtech.com" class="main_link">Contact Us</a>
<a href="www.tomshardware.com" class="main_link">services</a>
</div>
<image src="Arizona-Desert1.jpg">
<div id="main">
<h1>content goes in here</h1>
</div>
</body>
</html>And CSS:
Code:
a:link {color:#B3A598;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
body {
background-color: #6F5F50;
}
#main {
background-color: #342A28;
width: 800px;
margin: 0 auto;
font: 14px Helvetica, sans-serif;
}
#navigation {
background-color: #342A28;
}
navigation.main_link {
font: 14px Helvetica, sans-serif;
}Thanks guys!
Facebook
Twitter