Skip Navigation | Groups

This site uses cookies- for more information see the Cookie Policy | Continue

 

Vertical Navigation Bar

Styling a FrontPage Graphical Navigation Bar


Removing the space between images in a Vertical FrontPage Navigation Bar

Home
About
Privacy
Site Map
Contact
Cookie Policy

This nav bar is using the default settings, except a border has been placed around each image to show the extent of the images.

 

Home
About
Privacy
Site Map
Contact
Cookie Policy

This is the same nav bar but without the borders.

 

Home
About
Privacy
Site Map
Contact
Cookie Policy

This nav bar is exactly the same as above, but CSS is used to overlap the images. Since the tops of the images are transparent, the overlap does not show.

The CSS for this navigation bar is:

div#vert img {margin-top: -15px;}

The code for the navbar is:

<div id=#vert>
<p><!--webbot b-include-home="TRUE" b-include-up="FALSE" bot="Navigation" s-orientation="vertical" s-rendering="graphics" s-type="top" s-theme="ice 0000" --></p>
</div>