Skip Navigation

Styling Vertical Navigation
File Category Author Send email Website
2008012403 Navigation Ronx to Ronx www.rxs-enterprises.org

Vertical Navigation Bar

Styling a FrontPage Graphical Navigation Bar

Removing the space between images in a Vertical FrontPage Navigation Bar

Home
About
Site Map
Contact
Privacy

This is the same nav bar but without the borders.

Home
About
Site Map
Contact
Privacy

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
Site Map
Contact
Privacy

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>

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