I've been trying to use an external style sheet for my whole page as well. It's not turning out to work how I expected it. Sometime if I change something on the style sheet it works fine, other times, if I change a certain code, it won't show up at all on my web page.

Am I doing something wrong? Or is there something wrong with my browser or can I just not do an external CSS using geocities?

what is the coding you are using for your .css file? it's not geocities.com becuase it accepts .css files

http://us.geocities.yahoo.com/v/filetypes.html

Love,
Mirna

i use geocities too and my external css sheets wouldnt work... i dunno, im too lazy to figure out whats wrong ::innocent smile::

thekatgrl, if you post your coding we might be able to help you out :)

realli? cool! hmm... heres the stylesheet:
<STYLE type="text/css">

body{background:#9933ff; scrollbar-arrow-color:#9933ff; scrollbar-face-color:#ccccff;
scrollbar-track-color:#9933FF; scrollbar-shadow-color:#cc99ff;
scrollbar-highlight-color:#cc99ff}

p{font-family:century gothic, arial; font-size:10; color:#33ccff}

A:link{font-family:century gothic, arial; font-size:10; color:#ffff66;
cursor:crosshair; text-decoration:none}

A:visited{font-family:century gothic, arial; font-size:10; color:#ff66ff;
cursor:crosshair; text-decoration:none}

A:active{font-family:century gothic, arial;font-size:10; color:#FF66ff;
background-color:#ffff66; cursor:crosshair; text-decoration:none}

A:hover{font-family:century gothic, arial; color:#ffff66; background-color:#ff66ff;
cursor:crosshair; text-decoration:none; font-size:12}

.title{font-family:century gothic, arial; font-size:12; color:#33ccff;
text-decoration:underline overline}

</STYLE>

i saved it as purple.css and uploaded it to geocities. it was in the same folder, and what not. i put the refrencing code in the head section.

Remove the <style> and </style> from the CSS file. If it still doesn't work, there might be a problem in the way you linked it.

Wait a minute? You're not suposed to put the CSS tags on an external sheet. Well, that fixed my problem :lol:

the code i use for my style sheet is...

body {
font-family: courier, helvetica, sans-serif;
background-color: #fff;
color: #000;
font-size: 8pt
text-align: justify }

img {
border: 0px; }

a:link, a:active, a:visited {
color: #99cccc;
font-weight: bold;
text-decoration: none; }

a:hover
background-color: #99CCCC;
color: #FFFFFF; }

.main {
position: absolute;
lef: 20%;
right: 80px;
top: 20%;
line-height: 1.4e;
letter-spacing: .1em;
background-color: transparent; }

h1 {
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: courier, helvetica, sans-serif;
color: #000;
border-bottom: dotted 1px #000;
border-top: dotted 1px #000;
background-color: #CCCCFF; }

and i linked it from my index page with:

<link href="index.css" media="all" type="text/css" rel="stylesheet">

and it would work at first, but then any time i went to change my stylesheet, the index.html page wouldn't change with it.

body {
font-family: courier, helvetica, sans-serif;
background-color: #fff;
color: #000;
font-size: 8pt
text-align: justify }

You're missing a few semi-colons.

body {
font-family: courier, helvetica, sans-serif;
background-color: #fff;
color: #000;
font-size: 8pt;
text-align: justify; }

If that doesn't help, maybe your browser is loading a cached version of your page. Push Ctrl + F5 to force the page to reload (in IE)

thanks! i'll give that a try and see if that works =)