Click to See Complete Forum and Search --> : help!!!!


phoenixsong
02-09-2005, 12:31 PM
okay so I've been scouring the internet, here, and a book I own to learn how to make style sheets...I've gotten a few things to work but for some reason the background image and the link colors aren't working. anyone want to look at this and see what is wrong? this is driving me crazy.

here's my stylesheet:

head{title:SFNJ.com ; meta:Christian skatepark in North Jersey }

font { face:arial; color:#000000; size:12pt;}

body { background:#73bf44 ;
font-family:arial ;
background-image: uri(images/backgroundsmall.gif; }

a:link {color: #000000 ; font-style: underline; }

a:hover {color: #ffffff ; }

a:visited {color: #ffffff}

a {target:same; }

toicontien
02-09-2005, 12:41 PM
Originally posted by phoenixsong
okay so I've been scouring ... a book I own to learn how to make style sheets...
Ditch the book. The book is horribly wrong, judging by the CSS you've posted. And content on the Web is always more up to date :) Look up www.w3schools.com and www.w3.org/TR/CSS21/ for the basics. Once you've got the basics, head over to www.alistapart.com to dig into design methods.

Secondly, validate your CSS: http://jigsaw.w3.org/css-validator/

Once you CSS file validates, meaning it's free of syntax errors and unsupported properties, validate your HTML at http://validator.w3.org. Once your CSS and HTML validate, then we'll start chasing browser bugs. :D

Hopefully this will get you on the right track.

phoenixsong
02-09-2005, 12:41 PM
or this......


head{ title:SFNJ.com ; meta:Christian skatepark in North Jersey }

font { face:arial; color:#000000; size:12pt;}

body { background:#73bf44 ;
font-family:arial ;
background-image:images/backgroundsmall.gif; }

a:link {color: #000000 ; font-style: underline; }

a:hover {color: #ffffff ; }

a:visited {color: #ffffff}

a {target:same; }

phoenixsong
02-09-2005, 01:43 PM
wow that was amazing! thanks! but the background is still not working...it says the format is correct but it's not showing up.



font { font-family:arial,verdana; color:#000000; }

body { background:#73bf44 ;
font-family:arial ;
background-image: url("/images/backgroundsmall.gif");
background-attachment:fixed; }

a:link {color: #000000 ; }

a:hover {color: #ffffff ; }

a:visited {color: #808080}


.black{ font-family:Arial ;
color:#9EBE8A ;
font-weight:bold ;}

heavenly_blue
02-09-2005, 02:20 PM
body{
background:#73bf44 url(/images/backgroundsmall.gif) fixed;
font-family:arial;}


Normally more than one font is used for font-family: in hopes that if the first font is unavailable, the next ones can be used instead.

Example:


body{font-family:Arial, Helvetica, sans-serif;}


http://www.w3schools.com/ is a really nice resource for learning the basics of CSS.

NogDog
02-09-2005, 02:24 PM
I'm guessing that if you get rid of the leading slash before the "images" directory in the image path, you'll get it. (This answer assumes that "images" is a subdirectory directly under the directory where your web pages is located.)

ray326
02-09-2005, 02:52 PM
Originally posted by NogDog
I'm guessing that if you get rid of the leading slash before the "images" directory in the image path, you'll get it. (This assumes that "images" is a subdirectory directly under the directory where your web pages is located.) Not a very clear statement IMHO. The antecedent of "This" must be "My answer" rather than "the leading slash". The latter assumes the images are in a dir directly under the root.

NogDog
02-09-2005, 03:07 PM
Originally posted by ray326
Not a very clear statement IMHO. The antecedent of "This" must be "My answer" rather than "the leading slash". The latter assumes the images are in a dir directly under the root.
It was perfectly clear to me when I wrote it. :p I have edited the post in question to change "This" from a pronoun of ambiguous antecedent to an adjective.

ray326
02-09-2005, 03:10 PM
Ok, in that case I'll wave the fine and let you off with a warning.

== The Language Police

NogDog
02-09-2005, 03:30 PM
Originally posted by ray326
Ok, in that case I'll wave the fine and let you off with a warning.

== The Language Police
You do realize that I won't be able to see you waving the fine over the internet unless we establish a video connection?

== The Spelling Police :p

Green-Beast
02-09-2005, 06:46 PM
Yo policemen, you both spelled waive incorrectly. :p

NogDog
02-09-2005, 11:01 PM
Originally posted by &gb;
Yo policemen, you both spelled waive incorrectly. :p
No, I was copying the original spelling and making a joke that you didn't get, I guess? :rolleyes:

ray326
02-09-2005, 11:34 PM
;)

phoenixsong
02-10-2005, 02:54 PM
thanks for the help. we seem to be up and running at this point. no banging head on the wall necessary.

Green-Beast
02-10-2005, 04:42 PM
Originally posted by NogDog
No, I was copying the original spelling and making a joke that you didn't get, I guess? :rolleyes:
Ok, my bad, just one crooked cop :)