Css Dissappearing - Works fine on local computer

programming web dev
1

Hello everyone,

I am making a new website using CSS and dreamweaver, and when I preview the site in dreaweaver, or when I hit f12, it works fine…But when I upload it to my site, the css won’t display at all, but the image that I manually put in will.

www.webcontinuum.com

Here is my css code:

 /* Webcontinuum Index Css :) */
 
body {
background-color: #CCCCCC;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
padding: 0px;
font: "Times New Roman", Times, serif;
color: #000;
}
#header {
height: 75px;
border: 5px solid #000000;
background-color: #556575;
background-image: url(images/15/bg_header.jpg);
background-position: left;
}
#header h1 {
margin: 0;
}

And here is my index.html 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>&laquo;Webcontinuum&raquo; Coming soon</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="A Designer's portfolio directed twords flash and fireworks. Includes a forum." />
<meta name="keywords" content="Flash,Multimedia,Programming,Forum,community,Blog" />
<style type="text/css">
<!--
@import "webcon.css";
-->
</style>
</head>
<body>
<div id="header">
<h1 class="style1"><img src="images/15/header.jpg" width="200" height="75" /></h1>
</div>
 
</body>
</html>

(and yes they both are in the root directory :smiley: )

Thanks for the help :slight_smile:

2

remove your doctype

3

It didnt work :frowning:

I removed the doctype and the w3.org tag…

 <head>
<title>&laquo;Webcontinuum&raquo; Coming soon</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="A Designer's portfolio directed twords flash and fireworks. Includes a forum." />
<meta name="keywords" content="Flash,Multimedia,Programming,Forum,community,Blog" />
<style type="text/css">
<!--
@import "webcon.css";
-->
</style>
</head>
<body>
<div id="header">
<h1 class="style1"><img src="images/15/header.jpg" width="200" height="75" /></h1>
</div>
 
</body>
</html>
4

Why dont you use a link?

     <link rel="stylesheet" href="webcon.css" type="text/css" />
5

I tried that before, and it didnt work either (I also used php) :frowning:

6

Ok, EthanM has found a solution…I had to change the permissions of the file from 623 to 677

…Oh, and Ethan says to say that he is smarter than you all :slight_smile: :thumb:

7

They all knew it anyway :stuck_out_tongue: