CSS problem

I’ve tried to link to an external style sheet, but when I do, the whole body tag doesn’t work. Although, it shows up fine when I put the style code right on my page.

Here’s my style code:

body {background: #EFF9FF;border-style: solid;border-color: #016401;border-width: 3;} #header {top: 20px;padding:0px;height: 0px;} #nav {margin-top: 10px;margin-left:150px;height: 0px;} #left {position: absolute;left: 15px;top: 160px;width: 165px;} #center {position: absolute;width: 630;padding-bottom: 10;top: 150;margin-left: 200px;margin-right: 230px;padding: 10;background: white; border-style: solid;border-color: #016401;border-width: 2;} #right {position: absolute;top: 160px;width: 125px;left: 860;bottom: 10;} hr{color: #1A008E} b {background: url(line2.jpg); font-size: 13 pt;padding-left: 5; width: 300;color: white;} strong {size: 16 pt; font-weight: bold;} small{font-weight: bold;} table{background: #EFF9FF; border-style: groove;border-color: #018801;}

Here’s my link code on my page:

Does anybody know what I did wrong?


You have invalid CSS. Many properies require “length” values, which is a number followed by unit identifier, such as ‘px’ for pixels. You’ve neglected to specify the unit identifier on a number of properties where apparently you meant to use pixel values.

CSS 2.1 Specification
CSS Validation Service

:cool: Perl / MySQL / HTML+CSS

ok I added the px unit identifier to all of them, but my body tag is still not working.

body {background: #8DD5FF;border-style: solid;border-color: #016401;border-width: 3px;background-image:url(background.jpg); background-repeat: repeat-x;} #header {top:20px;padding:0px;height: 0px;margin-left:160px;} #nav {margin-top: 10px;margin-left:150px;height: 0px;} #left {position: absolute;left: 15px;top: 0px;width: 165px;} #center {position: absolute;width: 630px;padding-bottom: 10px;top: 150px;margin-left: 200px;margin-right: 230px;padding: 10px;background: white; border-style: solid;border-color: #016401;border-width: 2px;} #right {position: absolute;top: 160px;width: 125px;left: 860px;bottom: 10px;} hr{color: #1A008E} b {background: url(line2.jpg); font-size: 13pt;padding-left: 5px; width: 300px;color: white;} strong {size: 16pt; font-weight: bold;} small{font-weight: bold;} table{background: #EFF9FF; border-style: groove;border-color: #018801;font-weight:bold;}


Can you post a URL for us to look at?

Simon Jessey
Keystone Websites | si-blog

nevermind I found the problem.
Thanx anyway!