CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old June 14th, 2003, 09:47 PM
ALongGetaway ALongGetaway is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Posts: 2 ALongGetaway User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Send a message via AIM to ALongGetaway
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">
<!--
body {cursor: crosshair;}

A:link {text-decoration: none; color: #ff0099; font-weight: none; cursor:crosshair;}
A:visited {text-decoration: none; color: #ff0099; font-weight: none; cursor:crosshair;}
A:active {text-decoration: none; color: ff9933; font-weight: none; cursor:crosshair;}
A:hover {text-decoration: none; color: #ff6633; font-weight: none; cursor:crosshair;}

A.link:link {text-decoration: none; color: #ff0099; font-weight: none; cursor:crosshair;}
A.link:visited {text-decoration: none; color: #ff0099; font-weight: none; cursor:crosshair;}
A.link:active {text-decoration: none; color: ff9933; font-weight: none; cursor:crosshair;}
A.link:hover {text-decoration: none; color: #ff0066; font-weight: none; cursor:crosshair; background-color: #ffcccc; border-top: #ffffcc 1px dotted; border-bottom: #ffffcc 1px dotted;}

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;
}

body, td, iframe
{font-size: 8pt;
font-family: tahoma, verdana;
color: #ff6633;
background-color: transparent;}
-->
</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??

Reply With Quote
  #2  
Old June 15th, 2003, 02:55 AM
Keen Web Chris Keen Web Chris is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Apr 2003
Posts: 12 Keen Web Chris User rank is Just a Lowly Private (1 - 20 Reputation Level) 
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:
<!--
CSS code goes here.

You end 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.

Reply With Quote
  #3  
Old June 15th, 2003, 07:51 AM
SlankenOgen SlankenOgen is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Location: The Netherlands
Posts: 122 SlankenOgen User rank is Just a Lowly Private (1 - 20 Reputation Level) 
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

Reply With Quote
  #4  
Old June 15th, 2003, 10:25 PM
ALongGetaway ALongGetaway is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Posts: 2 ALongGetaway User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Send a message via AIM to ALongGetaway
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]

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Problems with my css file?

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap