CSS Layout?

Question

I need some help or guidance in what i should be doing i want my layout to look like this http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html but when i post the code inside the CSS it does nothing (i add ) can someone please tell me where i would get information on how to fix it to work or what i need to add, thanks

also shouldn't there be some or

in the code or am i thinking of something else, and i am not a code expert i just want to set up one page so all the rest will be the same

5 answers

Right-click over that page and go to "view source". There you will see both the CSS code and also how it is integrated into the HTML (and yes, you'll see the div tags toward the bottom of the source code)

Good luck!

Joyce
http://www.DesignByJoyce.com/

This is probably not a good place to the answer you want. CSS is quite complex and you have to build up your knowledge by trial and error. First off, etc is html. CSS uses a different way to create tables. Please consider joining CSS forums, downloading CSS examples from the Net and reading the hundreds of CSS tutorials.. There are not many programs that allow you to view CSS results, but one I know of is a Firefox plugin, extension or addon. Go to the firefox site and do a search on "web manager" or something like that. Look for CSS in particular. Sorry I can't be more helpful.

(1) I assume you have either, the style statements in the part of the or an external style sheet referenced by a ?

(2) The #top and #right and #left and #middle should be referenced NOT by and stuff (hopefully, heh, heh) but rather by

some content

and

some content

and like that in the part of your html?

(3) Remember that IE doesn't necessarily support html>body sort of selectors AT ALL!

(4) Debug CSS by background-coloring a suspicious section (like, say, background-color: #f00;) and going from there...

(5) Debug CSS by removing (or commenting out) EVERYTHING then adding bits and pieces one by one until you find the problem-causing item, then fix that one item...maybe it's your position: absolute items, for example...!

using table format might reason your html code looks unmanagable. i might like using DIV format + CSS. the subject is, IE and Firefox each and every so often has a various implementation of the DIV format with the aid of fact the two interpret margin and padding fee in a various way.

you need to ensure your HTML elements have the id properties specified in the CSS. e.g. #left -> id="left"

Answer 1

Right-click over that page and go to "view source". There you will see both the CSS code and also how it is integrated into the HTML (and yes, you'll see the div tags toward the bottom of the source code)

Good luck!

Joyce
http://www.DesignByJoyce.com/

Answer 2

This is probably not a good place to the answer you want. CSS is quite complex and you have to build up your knowledge by trial and error. First off, etc is html. CSS uses a different way to create tables. Please consider joining CSS forums, downloading CSS examples from the Net and reading the hundreds of CSS tutorials.. There are not many programs that allow you to view CSS results, but one I know of is a Firefox plugin, extension or addon. Go to the firefox site and do a search on "web manager" or something like that. Look for CSS in particular. Sorry I can't be more helpful.

Answer 3

(1) I assume you have either, the style statements in the part of the or an external style sheet referenced by a ?

(2) The #top and #right and #left and #middle should be referenced NOT by and stuff (hopefully, heh, heh) but rather by

Answer 4

using table format might reason your html code looks unmanagable. i might like using DIV format + CSS. the subject is, IE and Firefox each and every so often has a various implementation of the DIV format with the aid of fact the two interpret margin and padding fee in a various way.

Answer 5

you need to ensure your HTML elements have the id properties specified in the CSS. e.g. #left -> id="left"