This web site is about Cascading Style Sheets as a means to separate the presentation from the structural markup of a web site, and it will help you answer some of those frequently asked Questions, explains some of the Basics of CSS, gives you tips and tricks for tackling the problems with Netscape 4, offers you a tutorial about Positioning with CSS (CSS-P, web design without tables). There is also a page with interesting Links.
This page uses CSS to present the content in the best possible manner. If you can see this message, then CSS (or JavaScript) is not enabled in your browser, and the page will not appear as the designer intended.

Back to the Home Page   Positioning with CSS
 

Materials used for this pages:

If you download the stylesheets and the images, you will have this example page ready and working.

There are two stylesheets:

Example.css for the IE/NN6 styles and exampleNN.css for NN 4.xx,
and both are also available as text files: example.txt and exampleNN.txt.

The graphics:

simply right-click and "save as"...


Positioning with CSS

The Header picture as gif, width=384px, height=66px

Background-Pattern as .gif  

Background-Pattern as .gif (140x40)



The Netscape-Resize-Fix:

is available at the Macromedia exchange, or at Project VII's website under "extensions".

TopStyle Pro, the CSS editor, is available here: CSS editor: TopStyle Pro

If you have any questions or come across something that should be included here, please send me an . This tutorial is constantly growing, and your help is appreciated.

CSSharky Logo

Does your company have a web department that needs some CSS training? Do you want to outsource the development of the stylesheets for your web site/s? For more information about CSS Seminars or stylesheet development feel free to contact me at .

Thank you
MaKo


Home   • Introduction   • Body  • Positioning  • Fonts and Links  • Tips and Tricks  • Materials 
Content, Design and Programming © 2001 by MaKo from Orion HiTek, Inc.. All rights reserved worldwide.