How do I space customized bars in a linkbar?

D

Diane

I have a vertical linkbar made in Front Page, with custom gif files made by a
3rd party. When shown in a vertical linkbar, there is zero spacing between
them. I'm just learning html as I go and can only say that it is controlled
in a line called webbot. There does not seem to be a property to edit which
controls spacing. I was looking for a div, but only one line is shown in the
code view, starting with the word webbot.

I'd like the use these. Any thoughts on how I can show some space between
them? It happens too, when applying them horizontally, where there is zero
space.
 
R

Ronx

You can add space to a vertical FrontPage graphic Navbar by using a
little CSS:

In the <head> section of the page (between <head> and </head> in code
view), add

<style type="text/css">
div#vnav img {margin-bottom: 10px;}
</style>

In the page, change
<!--webbot bot="Navigation" S-Orientation="vertical"
S-Rendering="graphics" S-Type="top" B-Include-Home="TRUE"
B-Include-Up="FALSE" -->

To

<div id="vnav"><!--webbot bot="Navigation" S-Orientation="vertical"
S-Rendering="graphics" S-Type="top" B-Include-Home="TRUE"
B-Include-Up="FALSE" --></div>

For horizontal navigation bars, the graphics are actually separated by a
space character. Changing the font size in the nav bar will change the
spacing - up to a limit set by the height of the images and the minimum
font-size the browser will display.
You can also set a margin on the images as per vertical navigation bar:

Again, some CSS in the <head> section: (this changes both the font and
margin)

<style type="text/css">
div#hnav img {margin-left: 10px; margin-right: 10px; font-size: 18px;}
</style>

And in the page:
Change
<!--webbot bot="Navigation" S-Orientation="horizontal"
S-Rendering="graphics" S-Type="top" B-Include-Home="TRUE"
B-Include-Up="FALSE" -->

To

<div id="hnav"><!--webbot bot="Navigation" S-Orientation="vertical"
S-Rendering="graphics" S-Type="top" B-Include-Home="TRUE"
B-Include-Up="FALSE" --></div>

The wording in the webbot comments may differ from above.

If you use Shared Borders or include pages, the style CSS must be placed
in EVERY page manually, or use an external style sheet and link every
page to it. Shared borders/includes do not include anything from the
<head> section.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Make elements in a row space between instead of wrapping when choosing multiple columns 0
space between adjacent buttons of custom vertical linkbar 6
OneDrive substituting "+" sign in place of space 0
Can't seem to delete all images from a Word Doc 2
How do I remove the top half of a block interval? 1
Style Gallery View 3
how to modify a linkbar in a template 3
How do i publish a page without selecting it to be in the linkbar? 10

Top