I have the following issue when using css in Windows Notepad:
<!DOCTYPE html>
<html>
<head>
<title>RYZJMScience</title>
<style>
#title {
display: block;
margin: 0px auto;
}
.page {
text-decoration: none;
display: inline;
font: "Georgia, serif;
font-size: 40px;
font-color: rgb(0,0,205);
border: 2px 1px 1px 1px solid rgb(255,140,0);
}
</style>
</head>
<body>
<img src="title.png" id="title">
<a href="index.html" class="page">Home</a>
<a href="weekly.html" class="page">Weekly</a>
<a href="monthly.html" class="page">Monthly</a>
<a href="physics.html" class="page">Physics</a>
<a href="chemistry.html" class="page">Chemistry</a>
<a href="biology.html" class="page">Biology</a>
<a href="technology.html" class="page">Technology</a>
</body>
</html>
When this is run, the only thing that works under the .page class selector is the text-decoration declaration used to de-underline the links. Please help!
This line:
Should be:
Also, the property to set the font color is
color
instead offont-color
, and the border properties need to be split up.So your
page
class should look like this: