css page layout
How does one code a background image in css and call it in html code. I having problems displaying a background image pattern and a drop show effect image background to sit on top of the patterned image. Heres my code
html:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="file:///C|/Program%20Files/Macromedia/Dreamweaver%20UltraDev%204/Tutorial/UltraDev%20ASP%20tutorial/Compass%20Intranet/keytest.css" type="text/css">
<style>
A:link {text-decoration: none; color: #B4C480;}
A:visited {text-decoration: none; color:#8EB3BE;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #B4C480;}
</style>
</head>
<body class="keytest" text="#000000" leftmargin="0" topmargin="0">
<table bgcolor="white" width="778" border="0" cellspacing="0" cellpadding="0" height="61">
<tr>
<td width="445" rowspan="3"><img src="file:///C|/Program%20Files/Macromedia/Dreamweaver%20UltraDev%204/Tutorial/UltraDev%20ASP%20tutorial/Compass%20Intranet/top-menu.jpg" width="201" height="59" align="absbottom"></td>
<td width="333"><font size="-1" color="#B4C480"><a href="main.php">Main</a>
| <a href="history.php">History</a> |
<a href="perspective.php">Perspective</a> | <a href="ourmission.php">Our
Mission</a> | <a href="contactus.php">Contact Us</a></font></td>
</tr>
<tr>
<td width="333"> </td>
</tr>
<tr>
<td width="333" height="30"> </td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="775" border="0">
<tr>
<td>
<p><img src="file:///C|/Program%20Files/Macromedia/Dreamweaver%20UltraDev%204/Tutorial/UltraDev%20ASP%20tutorial/Compass%20Intranet/keys-banner.jpg" width="778" height="153"></p>
<p> </p>
</td>
</tr>
</table>
<table width="779" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="582"><img src="file:///C|/Program%20Files/Macromedia/Dreamweaver%20UltraDev%204/Tutorial/UltraDev%20ASP%20tutorial/Compass%20Intranet/flowericon.jpg" width="47" height="20"><b>Our
Model </b></td>
<td width="197"><img src="file:///C|/Program%20Files/Macromedia/Dreamweaver%20UltraDev%204/Tutorial/UltraDev%20ASP%20tutorial/Compass%20Intranet/sidebox-header1.jpg" width="196" height="22"></td>
</tr>
</table>
<table width="779" border="0" cellspacing="0" cellpadding="0" height="24">
<tr>
<td height="28" width="578"> </td>
<td height="28" width="201"> </td>
</tr>
</table>
</body>
</html>
CSS:
.key-banner{ background-image: url(keys-banner.jpg)}.
.main-bg { background-image: url(theactualkeyback.gif)}
.keytest { background-image: url(key-back.jpg)}
I cant seem to figure this out. What i am doing wrong?
Bookmarks