Okay when I added a div tag I got an image (from my root folder*) and placed it as the background. For some reason the image is not showing up in my browser but it is in my dreamweaver design view. why is it doing this? I've ensured that it has the correct URL. I tried both relative and absolute URLs and I've even tried different images. Nothing seems to work. The same problem occurs with the background. It recognizes background colors but not images. The problem is persistent along all browsers (IE, firefox, chrome)! Does anyone know what's wrong? Really appreciate it! Thanks.
REVISED:
This is basically from a new html document. I copied the entire code. The design view is showing the image but nothing for the browser:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#header {
background-image: url(/images/home_marketing_15.jpg);
height: 300px;
width: 840px;
}
-->
</style>
</head>
<body>
<div id="header">Content for id "header" Goes Here</div>
</body>
</html>
***It hasn't been connected through FTP yet! So this is all on my own computer.***
REVISED:
This is basically from a new html document. I copied the entire code. The design view is showing the image but nothing for the browser:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#header {
background-image: url(/images/home_marketing_15.jpg);
height: 300px;
width: 840px;
}
-->
</style>
</head>
<body>
<div id="header">Content for id "header" Goes Here</div>
</body>
</html>
***It hasn't been connected through FTP yet! So this is all on my own computer.***