space between adjacent buttons of custom vertical linkbar

L

Lummer

For a new site I've created a custom vertical linkbar, using custom buttons.
It's functionally just what I want.
But the buttons are adjacent, with no space in between. The customer wants
a approx. 10 pixel space in between buttons. Several FP themes have
vertical buttons with space in between.
How can I do this on a custom vertical linkbar?
Thanks,

Dave
 
T

Trevor L.

Lummer said:
For a new site I've created a custom vertical linkbar, using custom
buttons. It's functionally just what I want.
But the buttons are adjacent, with no space in between. The customer
wants a approx. 10 pixel space in between buttons. Several FP themes
have vertical buttons with space in between.
How can I do this on a custom vertical linkbar?
Thanks,

Dave

I'd be interested to see the code. Perhaps all you need is a line break or
two between the buttons
 
L

Lummer

Hi Trevor,
The code is the standard "webbot" code that FP2003 inserts:

<!--webbot bot="Navigation" S-Orientation="vertical" S-Rendering="graphics"
S-Type="children" B-Include-Home="TRUE" B-Include-Up="FALSE" -->

I found that setting the paragraph to double space does insert a space in
the design mode. But the preview mode and browser mode do not reflect the
space.

Yes, I would like to find a way to insert a space in a custom theme vertical
graphic navigation.

Any ideas welcome.

Dave

Trevor L. said:
Lummer said:
For a new site I've created a custom vertical linkbar, using custom
buttons. It's functionally just what I want.
But the buttons are adjacent, with no space in between. The customer
wants a approx. 10 pixel space in between buttons. Several FP themes
have vertical buttons with space in between.
How can I do this on a custom vertical linkbar?
Thanks,

Dave

I'd be interested to see the code. Perhaps all you need is a line break or
two between the buttons
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
R

Ronx

You can change the spacing using a little CSS. In the <head> section of
the page add the following:
<style type="text/css">
div#vert img {margin-bottom:50px;}
</style>

In the page, surround the webbot with a <div>:

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

Change the 50px to a more suitable size - 50px is a little large.
 
T

Thomas A. Rowe

I think if you look at the buttons that come as part of a theme you will see a transparent border
around each.

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage
==============================================
Agents Real Estate Listing Network
http://www.NReal.com
==============================================
 
T

Thomas A. Rowe

This may not apply to FP2003.

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage
==============================================
Agents Real Estate Listing Network
http://www.NReal.com
==============================================
 
T

Thomas A. Rowe

You mean table/cells.

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage
==============================================
Agents Real Estate Listing Network
http://www.NReal.com
==============================================
 

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

Top