This is a sample of a blank page using a HV menu that is vertical on the left side near the top of the screen. You will note that both this vertical menu and the horizontal menu use the same menu. All that is different is the change made to var FirstLineHorizontal=0; // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL.

You will note that the left side of the screen under the menu is blank space. There are several ways to place text, graphics, etc. in this space. The best way would be to use CSS position:absolute;left:L;Top:T and make sure that the wide of the area is less than the starting left:L of the main body.

You would use this basic code to make all your pages. By changing one file, the exampleverticalmenu_var.js, you can have hundreds of pages using the same menu.

The logo at the top of the screen, which is used on all pages, should have a specific name, e.g. logo.gif. In this sample page I have used "hvlogo.gif". If a different logo is required then you would rename the current file, hvlogo.gif, to oldhvlogo.gif and name the new logo as hvlogo.gif.

If the new logo has a different height then a change to the variables, StartTop and StartLeft, in exampleverticalmenu_var.js. Additionally, the <div style="position:absolute;left:165;top:85"> would have to be changed so the menu "fits" correctly under the logo.gif.