Problems with my css file?

Dev Shed Forums Sponsor:

June 14th, 2003, 09:47 PM

ALongGetaway

Junior Member

Join Date: Jun 2003

Posts: 2

Time spent in forums: < 1 sec
Reputation Power: 0

Problems with my css file?

I just got hosted and I'm uploading my files but my css file isn't working. Here is my code:

<html>
<head>
<style type="text/css">

</style>
</head>
</html>

Is there something wrong with it?

My index page is linked to it using this code:

<LINK REL=stylesheet HREF="main.css" TYPE="text/css>

My site used to be on Geocities and it was working fine on there but it's not workign now. What am I doing wrong??

June 15th, 2003, 02:55 AM

Keen Web Chris

Junior Member

Join Date: Apr 2003

Posts: 12

Time spent in forums: < 1 sec
Reputation Power: 0

First things first, you don't put the body tags in the stylesheet file.
You start with:


For linking it to your page:

Maybe it was just an error in typing your post, but if this is the real code:

Code:

<LINK REL=stylesheet HREF="main.css" TYPE="text/css>

then you are missing your last quotation mark after the type, which should become:

Code:

<LINK REL=stylesheet HREF="main.css" TYPE="text/css">

Also, just for sake of simplicity and organization, put your body declarations together.

I.E.

Code:

body {cursor: crosshair;}

and

Code:

BODY 
{ 
scrollbar-3dlight-color: #ff9999; 
scrollbar-highlight-color: #ffcccc; 
scrollbar-face-color: #ff9999; 
scrollbar-shadow-color: #ff9999; 
scrollbar-darkshadow-color: #ffffcc; 
scrollbar-arrow-color: #ff9999; 
scrollbar-track-color: #ffffcc; 
}

becomes

Code:

BODY 
{
cursor: crosshair; 
scrollbar-3dlight-color: #ff9999; 
scrollbar-highlight-color: #ffcccc; 
scrollbar-face-color: #ff9999; 
scrollbar-shadow-color: #ff9999; 
scrollbar-darkshadow-color: #ffffcc; 
scrollbar-arrow-color: #ff9999; 
scrollbar-track-color: #ffffcc; 
}

Oh yeah, one last simple detail, if you are validating for XHTML, then in your link, you would need to end it in its own tag, better illustrated than explained.

Code:

<LINK REL=stylesheet HREF="main.css" TYPE="text/css" />

That should pretty much take care of your CSS woes for now.
Good luck.

June 15th, 2003, 07:51 AM

SlankenOgen

Contributing User

Join Date: Jun 2003

Location: The Netherlands

Posts: 122

Time spent in forums: < 1 sec
Reputation Power: 10

This is the normal layout-

<html>
<head><title>###</title>

<script type = "text/javascript">

// javascript here.

</script>

<style type="text/css">
// styles here
</style>

</head>

<body>

//content here

</body>
</html>
~mgb

June 15th, 2003, 10:25 PM

ALongGetaway

Junior Member

Join Date: Jun 2003

Posts: 2

Time spent in forums: < 1 sec
Reputation Power: 0

Ahh thank you guys. That was helpful. Although my problem was something completely different. Heh. Well anyways, I figured it out.

[begin shameless self-promotion]

URL !!!

[end shameless self promotion]

Problems with my css file?

Developer Shed Advertisers and Affiliates