Cascading StyleSheet How To
The following pages give details of how to perform a number of tasks using stylesheets.
- Centre Horizontal
Position something horizontally centred in the page or in a particular part of the page.
- Centre Vertical
Position something vertically centred in the page or in a particular part of the page.
- Dead Centre
Combining the above two to position in the exact centre of the page.
- Bottom of Window
A slight modification to the vertical centring code allows us to place content at the bottom.
- Add Section Numbers to Headings
You can number the sections in your document by applying stylesheet commands on the heading tags.
- No Wrap
The stylesheet way to tell the browser that certain text is not to wrap onto a new line.
- Screen Only or Print Only
You can set up your stylesheet so that what displays on the screen does not necessarily print and what prints is not necessarily displayed on the screen.
- Patching for Internet Explorer
Internet Explorer 7 is five years behind the times with what stylesheet commands it doesn't support. Here's how to set up special commands that only apply to Internet Explorer.
- Overlaying Objects on the Web Page
Something you can't do when using tables for layout is to place two objects so that they overlay. Using CSS it is an almost trivial task
- Basic Page layout with CSS
Just a few simple CSS commands provide the simplest way to set out most web pages.
- Fixed or Floating Layout
Should you create fixed or variable width web pages?
- Inline Elements, Block Elements and Text Alignment
Newcommers to CSS often have problems with aligning different parts of the page content. Here's how the different types of elements work when it comes to alignment.
- Fixing zIndex problems
There are a few elements that certain browsers insist on placing in front of everything else. Some can be fixed so they work properly and others can't.
- Styling Definition Lists
Do you want the definitions alongside the corresponding terms in your definition list? Here's how to do it.
- Nested Elements and Margins
Sometimes the margins on an element can extend beyond its container messing up your layout.
- Fixed Positioning in IE6
You can set up felements with a fixed position in the window with IE6, you just need to use different stylesheet commands to override the standard method with the IE6 proprietary one.
- Fixing the IE Double Margin Bug
YFor some unfathomable reasom Internet Explorer doubles the size of the margin on a floated element on the side that it is floated on, fortunately there is a simple fix.
- To Hack or Not to Hack
Some browsers (IE in particular) have very poor support for some CSS. Should you hack your code to get it working in all browsers or is there a better way.
We now have Package Deals to create and maintain your website for you.
(includes special prices for community groups and hobby clubs)
