/*---- page properties ------*/
body {
background: transparent, #e0f7fe;
text-align: justify;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 11px;
color:#e47a1c;
scrollbar-face-color : #ffffff;
scrollbar-highlight-color : #ffffff;
scrollbar-3dlight-color : #349afc;
scrollbar-shadow-color : #ffffff;
scrollbar-darkshadow-color : #349afc;
scrollbar-track-color : #ffffff;
scrollbar-arrow-color : #349afc;
}

/*---- links properties ------*/
a {
color:#349afc;
text-decoration:none;
}

a:hover {
color:#3cba04;
text-decoration:underline;
}


this is my css what is wrong with it?

this is what my page looks like
why is the text down in the corner?
what heve i done wrong?

http://www.geocities.com/snowdollies/temporarypreviewfile.html?1155578072687

The only thing I can see a problem with is this: background: transparent, #e0f7fe;

It should be either background-color:transparent; or background-color:#e0f7fe;

Also, in your source-coding, you've got this:


<link rel="stylesheet" href="stylesheet.css" type="text/css">
/*---- page properties ------*/
body {
background: transparent, #e0f7fe;
text-align: justify;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 11px;
color:#e47a1c;
scrollbar-face-color : #ffffff;
scrollbar-highlight-color : #ffffff;
scrollbar-3dlight-color : #349afc;
scrollbar-shadow-color : #ffffff;
scrollbar-darkshadow-color : #349afc;
scrollbar-track-color : #ffffff;
scrollbar-arrow-color : #349afc;
}

/*---- links properties ------*/
a {
color:#349afc;
text-decoration:none;
}

a:hover {
color:#3cba04;
text-decoration:underline;
}
</style>


Either link to an external style sheet, or change <link rel="stylesheet" href="stylesheet.css" type="text/css"> to <style type="text/css">. :)

EDIT: he got to it first..

For future reference, I'm a she, General MJ. :)

thanks! but why is the text in the corner and why isn't the background i'm having in the textbox showing?

I checked, and when I go to http://www.geocities.com/snowdollies/stylesheet.css it says file isn't found.

So, you need to create stylesheet.css with only your css in it [no html, head, body or style tags] and save it on geocities. Once you've done that, the page inside of your frame should look the way you call for it in your css.

i write stylesheet.css but it saves as stylesheet.html

If you're using GeoCities PageBuilder for your site, then it will automatically overwrite your extensions to .html

To make a .css file, when you log into GeoCities, click on "Create & Update," then scroll down to "Other Tools for Creating and Editing Web Sites" and click on HTML Editor.

From there, you can delete the skeleton coding that they put in the editor box and put in your style sheet coding, and in the little box that's titled "Filename," type in stylesheet.css, save it and you should be ready to go. :)

For future reference, I'm a she, General MJ. :)

i knew that too, seeing how it says yur name is amanda, its just i looked at your avy when i was typing..and bob is a male..so i thought male not female..

thanks i would never figured it out alone:)but the text is still down in the corner :confused:

Try adding margin:0px; to the body portion of your css and see if that helps. :)

didn't help:confused:

I don't know-- maybe it's just GeoCities. They add a bunch of tags and crazy stuff in with their ads, and it may be screwing up your page. I don't know, I haven't used GeoCities in a long time.

Anyway, I fixed your background property, because it has to be background-color for what you're calling, and you have to choose between transparent and the hexidecimal color [which is the one that I chose] and I added in padding:0px;. That might help.


/*---- page properties ------*/
body {
background-color:#e0f7fe;
text-align: justify;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 11px;
color:#e47a1c;
scrollbar-face-color : #ffffff;
scrollbar-highlight-color : #ffffff;
scrollbar-3dlight-color : #349afc;
scrollbar-shadow-color : #ffffff;
scrollbar-darkshadow-color : #349afc;
scrollbar-track-color : #ffffff;
scrollbar-arrow-color : #349afc;
margin: 0px;
padding:0px;
}

/*---- links properties ------*/
a {
color:#349afc;
text-decoration:none;
}

a:hover {
color:#3cba04;
text-decoration:underline;
}

i think it might be in the html-code
here it is. you see anything wrong(there probably is)

<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="Paint Shop Pro 9">
<link rel="stylesheet" href="stylesheet.css" type="text/css">
<title> </title>
</head>
<body bgcolor="#e0f7fe">

<map name="layout_1x1">
<area shape="rect" coords="145,81,173,91" href="home.html" target="frame" alt="">
<area shape="rect" coords="180,81,201,90" href="doll.html" target="frame"alt="">
<area shape="rect" coords="206,80,233,90" href="base.html" target="frame" alt="">
<area shape="rect" coords="240,81,267,91" href="pixel.html" target="frame" alt="">
<area shape="rect" coords="273,80,314,91" href="contest.html" target="frame" alt="">
<area shape="rect" coords="320,79,363,92" href="drawing.html" target="frame" alt="">
<area shape="rect" coords="370,79,389,91" href="link.html" target="frame" alt="">
</map>

<div style="position:absolute; left:50px; top:45px;">
<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="433">

<tr>
<td rowspan="1" colspan="3" width="433" height="98"><img name="layout_1x10" src="layout_1x1.gif" width="433" height="98" border="0" usemap="#layout_1x1" alt="" /></td>
</tr>

<tr>
<td rowspan="1" colspan="1" width="105" height="283">
<img name="layout1" src="layout_2x1.gif" width="105" height="283" border="0" alt="" /></td>
<td rowspan="1" colspan="1" style="background-image:url(layout_2x2.gif)"><IFRAME name="frame" src="home.html" width=320 height=283 marginwidth=0 marginheight=0 frameborder=0 scrolling=auto></IFRAME></td>
<td rowspan="1" colspan="1" width="8" height="283">
<img name="layout3" src="layout_2x3.gif" width="8" height="283" border="0" alt="" /></td>
</tr>

<tr>
<td rowspan="1" colspan="3" width="433" height="115">
<img name="layout4" src="layout_3x1.gif" width="433" height="115" border="0" alt="" /></td>
</tr>

</table>
<!-- End Table -->
</div>
</body>
</html>

Well, it wouldn't be that coding because the page is inside of the frame.

However, I viewed the source of your page inside of your frame, and still don't see anything wrong. I even checked your CSS, and it's all updated.

Are you still using the PageBuilder? If so, you really should consider using the HTML editor instead. That might get rid of all of your problems. :)

thanks that accually helped:D

You're welcome. Glad I could help. :)

my page is wierd again

click (http://www.geocities.com/snowdollies)

you see that the drawing, link and contest pages are wierd?
but if you go in to
http://www.geocities.com/snowdollies/link.html

http://www.geocities.com/snowdollies/drawing.html

http://www.geocities.com/snowdollies/contest.html

it dosn't look like that:confused:

What do you mean by "weird"? It all looks good, except for contest.html, it appears that it's missing the link tag for your css page.

the text in link, drawing and contest is down in the corner and it won't let me edit!
www.geocities.com/snowdollies

Well, now when I click on drawings, it says "page not found." However, when I see your link and contest pages, they look like this:

link: http://i61.photobucket.com/albums/h52/indulgealunatic/desktop/Untitled-4.jpg

contest: http://i61.photobucket.com/albums/h52/indulgealunatic/desktop/Untitled-2.jpg

I guess I still don't understand your problem. :confusion

it dosn't look like that for me

Try clearing your computer's cache [on windows, done by going to Start > Programs > Accessories > System Tools > Disk Cleanup] or, once you're at your page, hit your browser's refresh button a few times in a row and see if anything changes.