HELP whats wrong with my code?

Question

BODY {

background-color: #D3DAE7; PADDING: 0px; MARGIN: 0px; LINE-HEIGHT: 135%; FONT: 70%/1.5em 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; COLOR: #FFFFFF; PADDING-TOP: 0px; TEXT-ALIGN: center

}

P {

MARGIN: 0px 0px 10px

}

#container {

background-color: #112B44; PADDING-BOTTOM:10px; BORDER-RIGHT: #fff 2px solid; MARGIN: 0px auto; BORDER-LEFT: #fff 2px solid; WIDTH: 740px; POSITION: relative; TEXT-ALIGN: left

}

#preamble, #supportingText {

PADDING-RIGHT: 20px; MARGIN-LEFT: 20px; width:480px

}

#linkList {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 80%; LEFT: 520px;

PADDING-BOTTOM: 0px; WIDTH: 220px; LINE-HEIGHT: 140%; PADDING-TOP: 10px; POSITION: absolute; TOP: 297px

}

#footer {

BORDER-TOP: 1px #fff dashed;

PADDING-TOP:15px;

TEXT-ALIGN:center;

}

#pageHeader {

PADDING: 0px; BACKGROUND: url(header.jpg) #fff no-repeat 50% bottom; MARGIN: 0px; HEIGHT: 250px

}

#pageHeader H1 {

PADDING-RIGHT: 350px;

PADDING-LEFT: 0px;

PADDING-BOTTOM: 0px;

MARGIN: 0px;

PADDING-TOP: 20px;

text-align: right;

}

#pageHeader H2 {

PADDING-RIGHT: 350px;

PADDING-LEFT: 0px;

PADDING-BOTTOM: 0px;

MARGIN: 0px;

PADDING-TOP: 0px;

text-align: right;

}

H3 {

PADDING-RIGHT: 0px; MARGIN-TOP: 20px; PADDING-LEFT: 25px; FONT-SIZE: 120%; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; COLOR: #112B44; PADDING-TOP: 0px; POSITION: relative

}

H3 SPAN {

BACKGROUND-COLOR: #AEDBF8

}

#linkList H3 SPAN {

}

H3.select {

PADDING-RIGHT: 0px; PADDING-LEFT: 50px; BACKGROUND: url(select.gif) no-repeat right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 30px

}

H3.select SPAN {

PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

H3.archives {

PADDING-RIGHT: 0px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 25px

}

H3.archives SPAN {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

#linkList UL {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN-LEFT: 50px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none

}

#linkList LI {

PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 7px; MARGIN: 0px; LINE-HEIGHT: 160%; PADDING-TOP: 8px; BORDER-BOTTOM: #fff 1px solid

}

#lresources {

PADDING-BOTTOM: 485px

}

#lselect, #larchives {

PADDING-BOTTOM: 20px

}

A {

FONT-WEIGHT: bold; COLOR: #09c; TEXT-DECORATION: none

}

A:visited {

COLOR: #311811; TEXT-DECORATION: none

}

A:hover {

COLOR: #09c; TEXT-DECORATION: underline

}

#linkList LI A {

PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 120% arial, helvectica, sans-serif; PADDING-TOP: 0px; COLOR: #E7F5FF

}

#linkList LI A.c {

DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 110%; COLOR: #333; TEXT-DECORATION: underline

}

#linkList LI A.c:hover {

COLOR: #09c; TEXT-DECORATION: underline

}

Answer 1

If you are embedding into the page, place it in the head section between these tags:

<style type="text/css">

-->

</style>

I do not believe you need a ; at the end of every line.

Answer 2

Did you remember to link your style sheet? :)

this should help if that be the case: http://lissaexplains.com/css2.shtml

[[Edit]] Oh, well lookie here, I got a thumbs down! :-) Someone has VERY low self esteem and is trying to bring down my self esteem to match your own. :) Too bad all it did was make me LAUGH at you for your attempts to hurt me emotionally...pity your attempt...and then laugh some more! LOL. (rofl) Thanks very much for the laugh though!! <3

Answer 3

coffee addict is probably addicted to something else, because he is 100% WRONG!

You DO NOT need a semi-colon on the last statement!

I would guess that you haven't linked your stylesheet correctly. If you have this in a .CSS file, then you should have something like this:

<link rel="stylesheet" type="text/css" href="css/file_name.css" />

or everything should be in between the <style> tags:

<style>

body{.......}

</style>

PS: Try and keep everthing lower case to follow standards

Answer 4

You are missing a semicolon character on the end of the code. The semicolon isn't just a separator for each line, the end of every statement needs one.

so...

#linkList LI A.c:hover {

COLOR: #09c; TEXT-DECORATION: underline

}

needs to be

#linkList LI A.c:hover {

COLOR: #09c; TEXT-DECORATION: underline;

}

I've made this mistake several times and it can bork the whole page ;-)

Answer 5

What happens when you use it?