Click to See Complete Forum and Search --> : page not recognizing stylesheet


shadowsword232
12-01-2004, 03:28 PM
<link rel="stylesheet" href="style.css" type="text/css">

could someone help me out here. i have the stylesheet completed but i can't get the page to load it. I thought that the above line of code was right but i would greatly appreciate anyone pointing out what is wrong with it. And yes style.css is the name of the sheet

pti4ka
12-01-2004, 03:35 PM
your line seems ok to me
it is possible that you have some errors inside css stylesheet that causes browser to ignore it

shadowsword232
12-01-2004, 10:07 PM
i dont think thats what it is. but i can check again.

rsd
12-02-2004, 12:48 PM
Is the stylesheet in a subdirectory?

shadowsword232
12-02-2004, 03:20 PM
nope same folder. its not going online until i can get it to work. tell me if you need me to post the code for the stylesheet

Fang
12-02-2004, 03:25 PM
We need to see the style sheet.

shadowsword232
12-02-2004, 04:09 PM
body{background-image:url(curve.bmp);background-repeat:repeat-y}


a:hover{font-size:30pt;text-decoration:underline;font-color:blue;border-top-color:blue;border-top-style:dashed;border-bottom-color:blue;border-bottom-style:dashed;border-bottom-width:thin;border-right-color:blue;border-right-style:dashed;border-right-width:thin;border-left-color:blue;border-left-width:thin;border-left-style:dashed;border-top-width:thin}

a:link{font-size:25pt;font-color:blue}

a:visited{font-size:25pt;font-color:blue}

.title{}

.text{position:absolute;top:200;left:180;width:400}

.banner{position:absolute;top:1;left:170}

.links{position:absolute;top:110;left:180}


its not much yet but i stopped working on it once i couldn't get it to load. i was just trying to get the skeleton of the page to load up

Fang
12-03-2004, 01:26 AM
Lots of problems here, not one line is correct.

body{background-image:url(curve.bmp);background-repeat:repeat-y}
use only .gif and .jpg, the others are not fully supported.
always include a background-color when using images

a:hover{font-size:30pt;text-decoration:underline;font-color:blue;border-top-color:blue;border-top-style:dashed;border-bottom-color:blue;border-bottom-style:dashed;border-bottom-width:thin;border-right-color:blue;border-right-style:dashed;border-right-width:thin;border-left-color:blue;border-left-width:thin;border-left-style:dashed;border-top-width:thin}
use pt for print css, otherwise use relative units (% em)
do not use named color values, use hex or RGB
border-width thin is not the same in different browsers, use absolute units (px)

a:link{font-size:25pt;font-color:blue}
see above

a:visited{font-size:25pt;font-color:blue}
see above

.title{}
empty, not valid

. text{position:absolute;top:200;left:180;width:400}
no space in selector (.text)
unit values greater than zero must have units: (top:200px; )

.banner{position:absolute;top:1;left:170}
see above

.links{position:absolute;top:110;left:180}
see above

http://www.w3schools.com/css/default.asp
http://www.w3.org/Style/CSS/
http://jigsaw.w3.org/css-validator/

shadowsword232
12-03-2004, 10:52 AM
ya i'm new to css so thnx for helping a noob. much appreciated