I have watched the tutorials on adding code to a PSD file and even though i have used CSS before….i have never sliced up a PSD and pieced it together using CSS.
The problem i have ( which is flamming peeing me off) is this:
I have sliced up my PSD file and placed these images ( which i saved as a png) into a file called images inside a file called root. Also in the root file i have a xhtml and css file.
Then using css…i tried putting all together using <div> tags. But it doesn’t work!!!! Here’s the code.
HTML:
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="header">
</div>
</body>
</html>
(Obviously i have a declaration above this)
THE CSS:
body {
background-color: #333333;
}
#header {
background-image:url(images/header_bg.png);
background-repeat: repeat-x;
background-position: top;
}
Yet….if i change the header id ( #header) to body…then it works!!
Please HELP!!!!!!!!!!!!!!