Sections
Defining the Dimensions of a Section
#section_name { width: 0px; height: 0px; }
This will determine how large or small the section is.
Defining the Position of a Section
#section_name { position: absolute; left: 0px; top: 0px; }
Replace the zero's with the numbers you wish to use.
Possible 'position' codes
Absolute
Relative
Static
Fixed
Absolute- Means you are positioning the image in relation to its exact co-ordinates on the screen. Sometimes this causes errors in some browsers and does not always show correctly across all browsers, but it is the MOST exact form of positioning.
Relative- Means you are positioning the section relative to it’s containing box. So if you are positioning a section within the content section and are positioning it relatively, it would start counting from the top left corner of the content box, NOT the top left corner of the screen. This is a little less exact, but works better across browsers.
Static- The default position. Only used to override a set position, but you can use the above too, just fine instead.
Fixed- Similar to absolute but will not scroll.
Hiding a Section
#section_name { display: none; }
Removes the section.
View User's Journal
CSS Profile Codes
This is a basic and advanced tutorial on how to CSS profiles.
 |
Unfrigginbelievable
Community Member |
Legalize