Spaces in horizontal navigation bars (embedded in created HTML)

A

AOE

Hi,

I'm trying to find out if it is possible to stop the spaces that are
embedded within the code created for a horizontal navigation bar from
appearing. When viewing source it is possible to see them between one button
and the next.

thanks for any help

Neil
 
T

Thomas A. Rowe

No you would have to manually create your navigation structure without using the FP navigation
components, if you want control.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
S

Stefan B Rusynko

You can edit the formats used for navbars to remove the spaces
The formats for the Nav bars are stored In the file NAVBARS.INI in the folder
C:\Program Files\Microsoft Office\OFFICE11\1033\BOTSTYLE
or for FP2002 in
C:\Program Files\Microsoft Office\Office10\1033\botstyle

Make a copy of the file (for backup)
Add your own format using one of the existing styles as a template

For example, Copy the 1st one

[Bars]
Name=Bars
Description=An HTML style where each link is separated by a vertical line.
Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
Selected="#LABEL#"
H-Separator="&nbsp;|&nbsp;"
V-Separator="<br>"
Preview="bars.gif

And edit it to be a new format per below

[MyBars]
Name=MyBars
Description=MY HTML style where each link is separated by a vertical line without spaces.
Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
Selected="#LABEL#"
H-Separator="|"
V-Separator="<br>"
Preview="bars.gif





| Hi,
|
| I'm trying to find out if it is possible to stop the spaces that are
| embedded within the code created for a horizontal navigation bar from
| appearing. When viewing source it is possible to see them between one button
| and the next.
|
| thanks for any help
|
| Neil
|
|
 
S

Stefan B Rusynko

Those are usually in the actual images (transparent part of the button gif as a "border")
- you need to create new or modified images and modify the theme




| Stefan,
|
| thanks for the info. I should have been more specific, the problem is with spacse between graphical buttons, which are taken from
the pages theme. Is the definition of these types of navigation bars held somewhere else ? I have searched other ini but so far to
no avial.
|
| Thanks for your help,
|
| Neil
|
| "Stefan B Rusynko" wrote:
|
| > You can edit the formats used for navbars to remove the spaces
| > The formats for the Nav bars are stored In the file NAVBARS.INI in the folder
| > C:\Program Files\Microsoft Office\OFFICE11\1033\BOTSTYLE
| > or for FP2002 in
| > C:\Program Files\Microsoft Office\Office10\1033\botstyle
| >
| > Make a copy of the file (for backup)
| > Add your own format using one of the existing styles as a template
| >
| > For example, Copy the 1st one
| >
| > [Bars]
| > Name=Bars
| > Description=An HTML style where each link is separated by a vertical line.
| > Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
| > Selected="#LABEL#"
| > H-Separator=" | "
| > V-Separator="<br>"
| > Preview="bars.gif
| >
| > And edit it to be a new format per below
| >
| > [MyBars]
| > Name=MyBars
| > Description=MY HTML style where each link is separated by a vertical line without spaces.
| > Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
| > Selected="#LABEL#"
| > H-Separator="|"
| > V-Separator="<br>"
| > Preview="bars.gif
| >
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | Hi,
| > |
| > | I'm trying to find out if it is possible to stop the spaces that are
| > | embedded within the code created for a horizontal navigation bar from
| > | appearing. When viewing source it is possible to see them between one button
| > | and the next.
| > |
| > | thanks for any help
| > |
| > | Neil
| > |
| > |
| >
| >
| >
 
R

Ronx

You can reduce the size of the spaces by wrapping the Nav Bar in a block, or
inline, HTML element with a very small font size:
<span style="font-size:1px;"><!--NAV BAR goes here--></span>
The spaces will be reduced to the minimum font width the browser supports -
1px in IE6, but you should check in other browsers to see the effect.

Ron
 
N

Neil Scott

Thanks,

yes I am looking at using this as PLAN B , with an identical background in the span to the button body without its text, so hiding the gaps.

However, as this is clunky, and not too easy to get right in all cases, I am also hoping that someone can come up with a fix /workaround for the spaces in the HTML.

thanks again
 
N

Neil Scott

Thanks,

this looks like a possibility for PLAN B, and with a background in the span the same as the button (without text) it may work ok, expcet probably when the pages is resized and the navbar splits

So I am hoping that someone may still have a workaround for the actual spaces that are embedded in the HTML by the "Bots"

Thanks again
 
N

Neil Scott

thanks,

but the problem is still a space that is embedded within the html that is generarated by the BOT. code snippet below. I am still looking at other fiels that come with frontpage to try and work out if there is one like navbar.ini that is used to create the HTML with graphical navigation .. and if so how it could be amended to stop the SPACE

thanks for your help so far.

snippet, the space is just after the end of the <A ....... </a> pairing

<a href="../june.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1h.src" onmouseout="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1n.src"><img src="../_derived/up_cmp_newascot010_hbtn.gif" width="100" height="24" border="0" alt="Up" align="middle" name="MSFPnav1"></a> <script language="JavaScript">




Stefan B Rusynko said:
Those are usually in the actual images (transparent part of the button gif as a "border")
- you need to create new or modified images and modify the theme




| Stefan,
|
| thanks for the info. I should have been more specific, the problem is with spacse between graphical buttons, which are taken from
the pages theme. Is the definition of these types of navigation bars held somewhere else ? I have searched other ini but so far to
no avial.
|
| Thanks for your help,
|
| Neil
|
| "Stefan B Rusynko" wrote:
|
| > You can edit the formats used for navbars to remove the spaces
| > The formats for the Nav bars are stored In the file NAVBARS.INI in the folder
| > C:\Program Files\Microsoft Office\OFFICE11\1033\BOTSTYLE
| > or for FP2002 in
| > C:\Program Files\Microsoft Office\Office10\1033\botstyle
| >
| > Make a copy of the file (for backup)
| > Add your own format using one of the existing styles as a template
| >
| > For example, Copy the 1st one
| >
| > [Bars]
| > Name=Bars
| > Description=An HTML style where each link is separated by a vertical line.
| > Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
| > Selected="#LABEL#"
| > H-Separator=" | "
| > V-Separator="<br>"
| > Preview="bars.gif
| >
| > And edit it to be a new format per below
| >
| > [MyBars]
| > Name=MyBars
| > Description=MY HTML style where each link is separated by a vertical line without spaces.
| > Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
| > Selected="#LABEL#"
| > H-Separator="|"
| > V-Separator="<br>"
| > Preview="bars.gif
| >
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | Hi,
| > |
| > | I'm trying to find out if it is possible to stop the spaces that are
| > | embedded within the code created for a horizontal navigation bar from
| > | appearing. When viewing source it is possible to see them between one button
| > | and the next.
| > |
| > | thanks for any help
| > |
| > | Neil
| > |
| > |
| >
| >
| >
 
N

Neil Scott

Thanks

The problem however is still due to a space appearing in the created code by the BOTs.

you can see it below after the <A ..... </a> pairing before the next buttons <script starts.

<a href="../june.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1h.src" onmouseout="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1n.src"><img src="../_derived/up_cmp_newascot010_hbtn.gif" width="100" height="24" border="0" alt="Up" align="middle" name="MSFPnav1"></a> <script language="JavaScript">

I am hoping that there is a file similar to navbar.ini that controls how the graphical navbars are created.

If anyone has an idea of where this might be I would appreciate the help.

thanks again for you time



Stefan B Rusynko said:
Those are usually in the actual images (transparent part of the button gif as a "border")
- you need to create new or modified images and modify the theme




| Stefan,
|
| thanks for the info. I should have been more specific, the problem is with spacse between graphical buttons, which are taken from
the pages theme. Is the definition of these types of navigation bars held somewhere else ? I have searched other ini but so far to
no avial.
|
| Thanks for your help,
|
| Neil
|
| "Stefan B Rusynko" wrote:
|
| > You can edit the formats used for navbars to remove the spaces
| > The formats for the Nav bars are stored In the file NAVBARS.INI in the folder
| > C:\Program Files\Microsoft Office\OFFICE11\1033\BOTSTYLE
| > or for FP2002 in
| > C:\Program Files\Microsoft Office\Office10\1033\botstyle
| >
| > Make a copy of the file (for backup)
| > Add your own format using one of the existing styles as a template
| >
| > For example, Copy the 1st one
| >
| > [Bars]
| > Name=Bars
| > Description=An HTML style where each link is separated by a vertical line.
| > Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
| > Selected="#LABEL#"
| > H-Separator=" | "
| > V-Separator="<br>"
| > Preview="bars.gif
| >
| > And edit it to be a new format per below
| >
| > [MyBars]
| > Name=MyBars
| > Description=MY HTML style where each link is separated by a vertical line without spaces.
| > Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
| > Selected="#LABEL#"
| > H-Separator="|"
| > V-Separator="<br>"
| > Preview="bars.gif
| >
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | Hi,
| > |
| > | I'm trying to find out if it is possible to stop the spaces that are
| > | embedded within the code created for a horizontal navigation bar from
| > | appearing. When viewing source it is possible to see them between one button
| > | and the next.
| > |
| > | thanks for any help
| > |
| > | Neil
| > |
| > |
| >
| >
| >
 
S

Stefan B Rusynko

There should be no spaces if you are using themes and buttons for the nav bar
- the "apparent" spaces are caused by the theme button images having transparent whitespace around them

Edit your theme button images (in an image editor), File Import them into your FP web, and modify your theme (Format Theme Modify
Graphics) to use the new images (save as new theme name)




| Thanks,
|
| this looks like a possibility for PLAN B, and with a background in the span the same as the button (without text) it may work ok,
expcet probably when the pages is resized and the navbar splits
|
| So I am hoping that someone may still have a workaround for the actual spaces that are embedded in the HTML by the "Bots"
|
| Thanks again
|
| "Ronx" wrote:
|
| > You can reduce the size of the spaces by wrapping the Nav Bar in a block, or
| > inline, HTML element with a very small font size:
| > <span style="font-size:1px;"><!--NAV BAR goes here--></span>
| > The spaces will be reduced to the minimum font width the browser supports -
| > 1px in IE6, but you should check in other browsers to see the effect.
| >
| > Ron
| > --
| > Reply only to group - emails will be deleted unread.
| >
| >
| > | > > Hi,
| > >
| > > I'm trying to find out if it is possible to stop the spaces that are
| > > embedded within the code created for a horizontal navigation bar from
| > > appearing. When viewing source it is possible to see them between one
| > button
| > > and the next.
| > >
| > > thanks for any help
| > >
| > > Neil
| > >
| > >
| >
| >
| >
 
S

Stefan B Rusynko

That space is not editable, but may be collapsible in a browser
If you have 4 nav bar images at 100px wide each, try trapping the nav bar in a table / single table cell of 400px (or less)

PS
If using FP2003 the new Interactive buttons are more controllable
See http://sbrenjoy.bizland.com/frontpage/resources.htm


_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
_____________________________________________


| Thanks
|
| The problem however is still due to a space appearing in the created code by the BOTs.
|
| you can see it below after the <A ..... </a> pairing before the next buttons <script starts.
|
| <a href="../june.htm" language="JavaScript" onmouseover="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1h.src"
onmouseout="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1n.src"><img src="../_derived/up_cmp_newascot010_hbtn.gif" width="100"
height="24" border="0" alt="Up" align="middle" name="MSFPnav1"></a> <script language="JavaScript">
|
| I am hoping that there is a file similar to navbar.ini that controls how the graphical navbars are created.
|
| If anyone has an idea of where this might be I would appreciate the help.
|
| thanks again for you time
|
|
|
| "Stefan B Rusynko" wrote:
|
| > Those are usually in the actual images (transparent part of the button gif as a "border")
| > - you need to create new or modified images and modify the theme
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > _____________________________________________
| >
| >
| > | Stefan,
| > |
| > | thanks for the info. I should have been more specific, the problem is with spacse between graphical buttons, which are taken
from
| > the pages theme. Is the definition of these types of navigation bars held somewhere else ? I have searched other ini but so far
to
| > no avial.
| > |
| > | Thanks for your help,
| > |
| > | Neil
| > |
| > | "Stefan B Rusynko" wrote:
| > |
| > | > You can edit the formats used for navbars to remove the spaces
| > | > The formats for the Nav bars are stored In the file NAVBARS.INI in the folder
| > | > C:\Program Files\Microsoft Office\OFFICE11\1033\BOTSTYLE
| > | > or for FP2002 in
| > | > C:\Program Files\Microsoft Office\Office10\1033\botstyle
| > | >
| > | > Make a copy of the file (for backup)
| > | > Add your own format using one of the existing styles as a template
| > | >
| > | > For example, Copy the 1st one
| > | >
| > | > [Bars]
| > | > Name=Bars
| > | > Description=An HTML style where each link is separated by a vertical line.
| > | > Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
| > | > Selected="#LABEL#"
| > | > H-Separator=" | "
| > | > V-Separator="<br>"
| > | > Preview="bars.gif
| > | >
| > | > And edit it to be a new format per below
| > | >
| > | > [MyBars]
| > | > Name=MyBars
| > | > Description=MY HTML style where each link is separated by a vertical line without spaces.
| > | > Button="<A HREF="#URL#" TARGET="#TARGET#" STYLE="{text-decoration: none;}">#LABEL#</A>"
| > | > Selected="#LABEL#"
| > | > H-Separator="|"
| > | > V-Separator="<br>"
| > | > Preview="bars.gif
| > | >
| > | >
| > | > --
| > | >
| > | > _____________________________________________
| > | > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > | > "Warning - Using the F1 Key will not break anything!" (-;
| > | > To find the best Newsgroup for FrontPage support see:
| > | > http://www.net-sites.com/sitebuilder/newsgroups.asp
| > | > _____________________________________________
| > | >
| > | >
| > | > | Hi,
| > | > |
| > | > | I'm trying to find out if it is possible to stop the spaces that are
| > | > | embedded within the code created for a horizontal navigation bar from
| > | > | appearing. When viewing source it is possible to see them between one button
| > | > | and the next.
| > | > |
| > | > | thanks for any help
| > | > |
| > | > | Neil
| > | > |
| > | > |
| > | >
| > | >
| > | >
| >
| >
| >
 
N

Neil Scott

Hi,

I wish that was the case.

if you have a moment, look at :http://members.lycos.co.uk/graphicsunlimited2/2004Jun25_Pinewood_Polecats/testnav.htm

here you can see that the gaps appearing between the buttons (created with a theme). Looking at the HTML, you can see that these gaps co-incide with the spaces in the html. Simply editing the spaces out of the HTML remove the gaps.

I will have a go at "constraining" the buttons into a fixed width area.

thanks again for all your suggestions
 
Top