PDA

View Full Version : CSS Code

HPFanatic8
07-02-2003, 07:37 PM
Hi! I'm currently contructing a personal site on my GeoCities account, simplyme808. I am using only HTML to build my site on the File Manger becuase one day I hope to get hosted and use an FTP server. So I want to make sure I know my HTML first.

I decided I wanted to use CSS on all my pages. So I needed to put the code (<link rel="stylesheet" href="style.css" type="text/css">) on each page. I uploaded the style.css code to my site and inserted the code on one of my html pages (http://www.geocities.com/simplyme808/Blog.html ). However when I went to view the page the CSS effects didn't show up. None of them. Here is the CSS code I used:

<style type="text/css">
<!--

A:link
{ text-decoration: value [none]; color:#99ffff }
A:visited
{ text-decoration: value [none]; color:#99ffff }
A:active
{ text-decoration: value [none]; color:#99ffff }
A:hover
{ text-decoration: value [overline]; color:#33ffff;

background-image:url(yourimage.gif);
background-color:#000000;

cursor:value crosshair

BODY
background:none; transparent;
background-image:url(value); [url of background image to be used, i.e. background.gif]
background-repeat:value; [repeat, no-repeat, repeat-x, repeat-y]
background-position:valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: [scroll, fixed]

font-family: arial;
color: #99ffff ;
letter-spacing: value; [any number value (3pt, 5pt)]
font-weight:value; [lighter, normal, bold, bolder, any number value (100, 500, 900)]
font-size:value; [xx-small, x-small, small, medium, large, x-large, xx-large,
any number value (12 pt, 18 pt)]

direction:rtl; [this reverses the entire site so the scrollbar is on the left]

scrollbar-face-color: #000099;
scrollbar-shadow-color: #99ffff;
scrollbar-highlight-color: #000099;
scrollbar-3dlight-color: #0000cc;
scrollbar-track-color: #000099;
scrollbar-arrow-color: #99ffff;}

td
{ font-family: value; [arial ]
color: #000000;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: value; [2cm this is for all four sides]
padding: value value [2cm, 4cm : two values for four sides, add numerical value] }

input, textarea
{ background: #000099 url(yourimage.gif);
font-family: tahoma;
color: #ffffff;
border-style: value [dotted];
border-color: #99ffff;
border-width: valuepx [numerical value, 5, 6, 8...] }

-->
</style>

Did I do something wrong in the code, or is there a certain place on your page you put the code? Thank you for your time!
bejayel
07-02-2003, 07:51 PM
i do believe this is in teh wrong forum...try the css forums.
Miette
07-02-2003, 07:55 PM
Is your CSS placed between your <head></head> tags? Check that out ;)
and btw, you should've posted this question in the CSS thread, I supposed it'll be moved there.
HPFanatic8
07-02-2003, 08:10 PM
Oops! I'm so sorry! I believe it's between the <head></head> tags but I'll check...

No, but it's in between the two <body></body> tags. When I put it in between the two <head></head> tags it didn't work either.
pb&j
07-02-2003, 08:15 PM
1. if your css styles are on a separate page of their own, take out the style and comment tags...
<style type="text/css">
<!--
-->
</style>

2. in the style codes, you have to enter the actual values. example...
change this...
text-decoration: value [none];
to this...
text-decoration: none;
bejayel
07-02-2003, 08:17 PM
here is generalyl what i do:

<html>
<head>
<title>untitled</title>
<style type="text/css">
<!-- <-- that might be a problem, that is html for do not include anything untill you see this --> then start displaying stuff again. btu i think it all has to be on the same line, i am not actually sure. i havent done html for ages. like 9 months...lol

try this:

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

CSS CODE HERE

</style>
<body>

BODY STUFF HERE

</body>
</html>
HPFanatic8
07-03-2003, 12:11 AM
Yesss!!! I got it! thank you so much you guys. From now on I'll post in the correct section, too, lol. Promise!

Thank you once again.