Jump to content

Seems to be a problem with the Stylesheet??


Peep

Recommended Posts

I have been through Stefans first 18 videos and uploaded the result using FTP.

 

You can view my beginners effort here; http://www.affiliatesensation.com/

 

As you can see, the page is not aligned properly. Also the dashed borders are missing.

 

Upon close examination, when I view the source code and click the link to the stylesheet, all I can find is this;

 

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>500 Internal Server Error</title>
</head><body>
<h1>Internal Server Error</h1>
<p>The server encountered an internal error or
misconfiguration and was unable to complete
your request.</p>
<p>Please contact the server administrator,
webmaster@affiliatesensation.com and inform them of the time the error occurred,
and anything you might have done that may have
caused the error.</p>
<p>More information about this error may be available
in the server error log.</p>
<p>Additionally, a 500 Internal Server Error
error was encountered while trying to use an ErrorDocument to handle the request.</p>
<hr>
<address>Apache Server at www.affiliatesensation.com Port 80</address>

</body></html>

 

I can't figure out what has gone wrong. My CSS sheet is uploaded into my root directory.

 

Any ideas?

Link to comment
Share on other sites

Oddly, my CSS sheet is actually in lower case, I don't know why it is showing up in capitals when you view source.

 

The following code is what's on my CSS sheet;

 

p {
 width: 90%;
 color:red;

}

h3 {
 border-top:3px dashed black;

}

.italic {
 font-style: italic;

}


#navigation {
 position: absolute;
 z-index: 1;
 width: 220px;
 top: 50px;
 left: 0px;

}


#centerDoc {
 position: absolute;
 left: 180px;
 padding: 15px 0 20px; /*top right bottom left*/

}

Link to comment
Share on other sites

While your css file may be named as root.css but the html code shows uppercase.

 

Open your html file and look for this:

 

<link href="ROOT.CSS" rel="stylesheet" type="text/css">

 

 

Change the ROOT.CSS to be all lowercase because your server does not seem to support uppercase.

Edited by Eddie
Link to comment
Share on other sites

It looks like this causes an error:

 

http://www.affiliatesensation.com/root.css'>http://www.affiliatesensation.com/ROOT.CSS

 

whereas this works fine:

 

http://www.affiliatesensation.com/root.css

 

I would update your index.php file to use "root.css":

 

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

and that should fix your issues. Make sure to update that line on the rest of the pages in your site as well.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...