add space between buttons on a link bar

  • Thread starter Thread starter sailorskip
  • Start date Start date
S

sailorskip

I have put in a vertical link bar, and I would like to increase the space
between the buttons on the link bar.

How can this be done?

Thanks......
 
The easy way would be to use CSS to add margin to the individual link
containers, but alot depends on how you have built the page. Can we see it?
 
In Code view, change

<p align="center" style="line-height: 200%; margin-top: 1px;
margin-bottom: 1px"> <!--webbot bot="Navigation" S-Type="sequence"
S-Orientation="vertical" S-Rendering="graphics" S-Theme="sumi-painting2
0110" B-Include-Home="TRUE" B-Include-Up="TRUE" U-Page="sid:1002"-->

To

<p id="vnav"><!--webbot bot="Navigation" S-Type="sequence"
S-Orientation="vertical" S-Rendering="graphics" S-Theme="sumi-painting2
0110" B-Include-Home="TRUE" B-Include-Up="TRUE" U-Page="sid:1002" -->

Then change

</head>

To

<style type="text/css">
#vnav {margin-top: 1px; margin-bottom: 1px; text-align: center;}
#vnav img {margin-top: 15px;}
</style>
</head>


When you save the page FrontPage will move this style definition further
up towards the <head> tag, but that is normal. Change the 15px to
whatever spacing you need - higher numbers give bigger spacing. In my
opinion, when you have more pages you will be asking how to *reduce* the
spacing between the buttons :)
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
Back
Top