Question:
HELP whats wrong with my code?
Curious Angel
2008-08-27 10:26:19 UTC
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
}
Five answers:
Oliver Kiss
2008-08-27 11:04:48 UTC
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:





or everything should be in between the



PS: Try and keep everthing lower case to follow standards
Tom H
2008-08-27 18:08:43 UTC
If you are embedding into the page, place it in the head section between these tags:







I do not believe you need a ; at the end of every line.
coffeeaddict_uk
2008-08-27 17:54:48 UTC
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 ;-)
anonymous
2008-08-27 17:52:07 UTC
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
Connor
2008-08-27 17:42:24 UTC
What happens when you use it?


This content was originally posted on Y! Answers, a Q&A website that shut down in 2021.
Loading...