View Full Version : My CSS isn't working - please help!
insertusername 08-07-2004, 12:41 PM My CSS coding doesn't work for some reason. Here is my CSS:
<style type="text/css">
A:link{color:AE6B39;text-decoration:underline;}
A:visited{color:AE6B39;text-decoration:underline;font-weight:bold}
A:active{color:AE6B39;text-decoration:none;}
A:hover{color:AE6B39;text-decoration:none;font-weight:bold;cursor:crosshair}
body
{background-color: FFFFFF;
font-family: Verdana;
color: #AE6B39;
letter-spacing: 1pt;
font-weight: normal;
font-size: 8pt;
scrollbar-face-color: DDAF80;
scrollbar-highlight-color: DDAF80;
scrollbar-3dlight-color: AE6B39;
scrollbar-darkshadow-color: AE6B39;
scrollbar-shadow-color: DDAF80;
scrollbar-arrow-color: #AE6B39;
scrollbar-track-color: DDAF80;}
input, textarea
{ background: url(files/bg_content.jpg);
font-family: verdana;
color: #8C652F;
border-style: value; solid
border-color: #8C652F;
border-width: 5px;}
</style>
I've put the same CSS coding on three different servers and it works on this one: http://www.freewebs.com/untitled_/main.html (eventhough the layout is different) but it doesn't work here: http://freepgs.com/untitled/main.html or here: http://angeltowns2.com/members/untitled/main.html .
If you can help in anyway then thanks very much =).
bourdelson 08-07-2004, 04:03 PM What about it isn't working? I'm seeing the effects of your CSS on the pages, using IE6.
I noticed one problem - you forgot to replace value with solid in your border-style part. Also, it helps to have spaces between attributes, so I added those in to the link parts.
Try this and see if it helps any. :)
<style type="text/css">
A:link{color:AE6B39; text-decoration:underline;}
A:visited{color:AE6B39; text-decoration:underline; font-weight:bold;}
A:active{color:AE6B39; text-decoration:none;}
A:hover{color:AE6B39; text-decoration:none; font-weight:bold; cursor:crosshair;}
body
{background-color: FFFFFF;
font-family: Verdana;
color: #AE6B39;
letter-spacing: 1pt;
font-weight: normal;
font-size: 8pt;
scrollbar-face-color: DDAF80;
scrollbar-highlight-color: DDAF80;
scrollbar-3dlight-color: AE6B39;
scrollbar-darkshadow-color: AE6B39;
scrollbar-shadow-color: DDAF80;
scrollbar-arrow-color: #AE6B39;
scrollbar-track-color: DDAF80;}
input, textarea
{ background: url(files/bg_content.jpg);
font-family: verdana;
color: #8C652F;
border-style: solid;
border-color: #8C652F;
border-width: 5px;}
</style>
Monkey Bizzle 08-07-2004, 05:21 PM On this page... http://freepgs.com/untitled/main.html I tried to get your CSS file and it says it doesn't exist... did you upload it it to this directory?
http://freepgs.com/untitled/
and on this one... http://angeltowns2.com/members/untitled/main.html i looked at your CSS and you still have the <style type... > tags in it. since it is an external CSS you don't need those. take them out and see what happens, as well as fixing the errors listed above... also... try putting # infront of all your colors. some say it doesn't matter but since you have done it for some of them, why not do it for all of them.
1. on your pages for your current problem, i do not see any styles being declared or linked to.
2. on your "menu" page, you should delete this part near the top of your coding...
<body>
</body></html>
it is extra and definitly out of place.
3. if this is an external css, be sure to delete the <STYLE></STYLE> tags from the page. (which seem to be present in your current working one, so you should really delete them from there too.) please delete the <!-- comment --> tags from your external css pages too.
insertusername 08-08-2004, 01:14 PM Thanks for all your help. I did what you said but it still doesn't seem to work. Here is what my CSS looks like:
A:link{color:#AE6B39; text-decoration:underline;}
A:visited{color:#AE6B39; text-decoration:underline; font-weight:bold;}
A:active{color:#AE6B39; text-decoration:none;}
A:hover{color:#AE6B39; text-decoration:none; font-weight:bold; cursor:crosshair;}
body
{background-color: #FFFFFF;
font-family: Verdana;
color: #AE6B39;
letter-spacing: 1pt;
font-weight: normal;
font-size: 8pt;
scrollbar-face-color: #DDAF80;
scrollbar-highlight-color: #DDAF80;
scrollbar-3dlight-color: #AE6B39;
scrollbar-darkshadow-color: #AE6B39;
scrollbar-shadow-color: #DDAF80;
scrollbar-arrow-color: #AE6B39;
scrollbar-track-color: #DDAF80;}
input, textarea
{ background: url(files/layout_bg2.jpg);
font-family: verdana;
color: #8C652F;
border-style: solid;
border-color: #8C652F;
border-width: 5pt;}
Rosey 08-08-2004, 01:28 PM looks good, like they said, what isn't working?
http://freepgs.com/untitled/style.css
this page does not exist.
that problem is the same for your angelfire one too.
the BASE HREF is pulling the page information from your freepgs site instead of on your angelfire site. thus it is looking for the css page on your freepgs area and not finding the page because it does not exist.
you should delete the BASE HREF from your angelfire pages. the css page on that area does exist and should work once that is done.
insertusername 08-09-2004, 08:18 PM http://freepgs.com/untitled/style.css
this page does not exist.
that problem is the same for your angelfire one too.
the BASE HREF is pulling the page information from your freepgs site instead of on your angelfire site. thus it is looking for the css page on your freepgs area and not finding the page because it does not exist.
you should delete the BASE HREF from your angelfire pages. the css page on that area does exist and should work once that is done.
Sorry but I don't understand what you mean. There is a /style.css page on both hosts, though. Are you saying I should alter the coding (on the HTML pages)? Thanks so much for your help and patience, I really appreciate it.
Rosey 08-10-2004, 01:10 AM you have this:
<link rel="stylesheet" type="text/css">
you need to put the actual name of your stylesheet which I am assuming is style.css
However it isn't where it's supposed to be like pbj said.
Where did you upload it to? What did you call it exactly? It's cAsE sensitive.
insertusername 08-10-2004, 12:53 PM On both servers I uploaded it to the main directory and named it style.css . I've linked to it like I was supposed to but it doesn't read it so I'm assuiming theres something wrong with the style sheet.
insertusername 08-10-2004, 01:02 PM Wait, something's going wrong with angeltowns.com so I have to sort that out but I've changed the way I've linked to it (added the href="style.css" which wasn't there - thanks for telling me that Rosey :)) and it seems to work here http://www.angeltowns2.com/members/untitled/home.html but not on the frames page.
insertusername 08-10-2004, 01:07 PM It's working! Now I understood what pb&j meant so I did that and it works. Thanks so much for all your help, everyone =).
glad to hear it all worked out for ya :party:
|