We packed up with external Cascading Style Sheets in previous section, and I had mentioned like a sage that their could be a point in your life when you would like to implement different CSS definitions for different sections of same HTML page. I understand that as you go through these HTML gospels, you're growing wiser and wiser, and your unquenchable thirst for wisdom is attaining new heights. Good!

We use CLASS attribute to render different CSS definitions to same tags. Ok, before we move ahead, today I read in an article that tags in an HTML file should be used in small caps so that they can be used in sync with emerging trends like XML etc. So small caps from now on.

Supposing, in one section, we want to look purple, and in another, we want to look black. If we do it in usual

a { font-size : 10 pt; font-family : Arial; font-weight : bold; color : Purple; text-decoration : none; }

a:hover { font-size : 10 pt; font-family : Arial; font-weight : bold; color : Purple; text-decoration : underline; }

manner, we'll only have a purple colored tag because definition is applied universally. So what do we do. We uses "classes" in this manner:

a.sec1 { font-size : 10 pt; font-family : Arial; font-weight : bold; color : purple; text-decoration : none; }

a.sec1:hover { font-size : 10 pt; font-family : Arial; font-weight : bold; color : purple; text-decoration : underline; }

a.sec2 { font-size : 10 pt; font-family : Arial; font-weight : bold; color : black; text-decoration : none; }

a.sec2:hover { font-size : 10 pt; font-family : Arial; font-weight : bold; color : black; text-decoration : underline; }

If you're noticing type, you'll notice use of sec1 and sec2, which we can take as two sections. We execute these definitions in HTML page somewhat like this:

A proper navigation is backbone of your Web site's success on Net. If you want visitors to be able to access all information you want them to be able to access, you got to provide them with a consistent modus operandi for doing it. And that modus operandi has to be present throughout web site.

A navigation bar can be on top, at bottom, on left, on right, or in middle, in whichever way it suits look of your entire design.

The ideal is, either on top, or on left hand side.

What we generally do is, after inserting logo etc. at top, we define a table of two columns.

< d>	desired changes in template, keep common code intact, and save modified file as your own file. Make ample use of comment tag so that you know where you are putting what, especially if you are working with multiple table and column definitions. "leftnav.inc" can be included file that has following HTML code:
Cont'd on page 2 ==>