(7) | project | technical | examples | links | # | ||||||
project - summary - tutorial (2) (3) (4) (5) (6) (7) (8) (9) - usage (2) technical - reasoning - two passes - still tiny - sitemaps - variables - accessibility WAI SubSects examples - horizontal - vertical - tabbed (2) - multi section - printer style links - some hints - faq&issues - all features # - about me - our sitemap - download
(C) 2004-10-12 |
How to... create a vertical barOn the previous page we have show how to create a horizontal navigation bar with the help of "<center>" tags around the "href"s of the sitefile. To create a vertical bar we need to build a "<table>" with the left (earlier) column to contain the navigation items and the right (later) column to contain the text content. The trick here is the fact that mksite.sh will treat the final line containing "</body>" slightly specially - it will ensure that this line is not added to the front before the text content but it will be added after the content. It will be the only line ever moved after the text content but that is enough to create our two-column table that is the base of a vertical navigation bar layout.
Note that here each of the "href"s is prefixed with an explicit linebreak by means of hard <br>eaks. That will ensure the navigations items are shown vertical - if a name of a navigation item is too short than it would be set to it right. That is sometimes even intended - the tutorial subpages are shown by number and list each other horizontally. Buter after the subpages there is another <br>reak that makes seperates the next topic vertically. A short hyphen before subpage entries can help to order subpages vertically under a leader topic. Therefore, in our example the "Overview" leads to its subpages of "Lorem Ipsum" and "More pages...".
|