Document is no longer responding to a stylesheet properly... the background colour for example comes out as light blue when it's supposed to be peach/light yellow!!
HTML doc:
Stylesheet:
HTML doc:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome to the Kennels Database System</title>
<link rel="stylesheet" type="text/css" href="external.css" />
</head>
<body>
<p class="navigate">
Linky
</p>
<center>
<!-- LOGO -->
<img src="logo.jpg"></img>
<br></br>
<br></br>
<%
=now()
%>
<br>
<br>
<s1>Select the area of your choice</s1>
<br>
<br>
<table cellspacing=50 border=1>
<tr>
<td><a href="animals.asp">Animals</a></td>
<td>Search or lookup specific details on any breed</td>
</tr>
<tr>
<td><a href="customers.asp">Customers</a></td>
<td>Search any customers details</td>
</tr>
<tr>
<td>Staff</td>
<td>Search any staff details</td>
</tr>
<tr>
<td>About</td>
<td>Details about the system</td>
</tr>
<tr>
<td>Exit</td>
<td>Quit to Windows</td>
</tr>
</table>
</body>
</html>Stylesheet:
Code:
body {
background-color: #FFFFCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
a:link {
color: #3300FF;
}
a:visited {
color: #3300FF;
}
h1 {
font-size: 24px;
color: #0000FF;
text-decoration: underline;
}
s1 {
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
}
s2 {
font-size: 16px;
color: #0000FF;
text-transform: none;
}
h2 {
font-size: 18px;
color: #006600;
text-decoration: underline;
}
p.navigate {
margin-top: 20%
margin-left: 20%
}
