Hi everyone,
I am trying to set up an Intranet site and I am using
FP2003. I am using the Interactive Buttons for
navigation. I have set up the site using Dynamic Web
Templates with Editable regions for easy editing. The
problem is that on most of the computers in the office
the site looks great when opening in IE6. Everything is
formatted properly and the structure is the same for all
pages. However, on some of the servers when I bring up
the page in my IE6 browser the interactive buttons
spread out across the page throwing the all the pages
off. What can I do to fix this? I tried putting the
buttons in a table and it still stretches the buttons
across the page.

Any ideas on how to fix?
Thanks,
Nancy

Re: Interactive Buttons not previewing correctly HELP by Stefan

Stefan
Thu May 27 03:54:57 CDT 2004

Difficult to understand what can be "reformatting" your page
- The IB just uses images and JavaScript
Can you post a code snipped of the table
- try a cell per IB and size the table cells to the IB images

--

_____________________________________________
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
_____________________________________________


"Nancy" <anonymous@discussions.microsoft.com> wrote in message news:12fb501c44364$f3838590$a001280a@phx.gbl...
| Hi everyone,
| I am trying to set up an Intranet site and I am using
| FP2003. I am using the Interactive Buttons for
| navigation. I have set up the site using Dynamic Web
| Templates with Editable regions for easy editing. The
| problem is that on most of the computers in the office
| the site looks great when opening in IE6. Everything is
| formatted properly and the structure is the same for all
| pages. However, on some of the servers when I bring up
| the page in my IE6 browser the interactive buttons
| spread out across the page throwing the all the pages
| off. What can I do to fix this? I tried putting the
| buttons in a table and it still stretches the buttons
| across the page.
|
| Any ideas on how to fix?
| Thanks,
| Nancy



Re: Interactive Buttons not previewing correctly HELP by anonymous

anonymous
Thu May 27 07:49:17 CDT 2004

Thanks for the quick response.
What it is doing to my page is a little hard to explain
so here goes...
I have a template with a non editable header, a left hand
column (editable) and the middle section is for the body
of the page (also editable). On all of my pages from this
template, I have different navigation buttons in the left
hand column and then different body copy. What is
happening is that in FP and when previewing, all the
buttons are lined up in a column perfectly underneath
each other with no spaces. After publishing and viewing
on different machines, on some machines the column of
interactive buttons stagger across the page like steps
towards the right which completely moves the Body text
way over to the right. Each page does this on some
machines. But on other machines the page comes up fine. I
have checked the browser versions of IE and they are the
same for the most part. All are at least IE6.

Here is some of the code for the buttons: It doesn't look
pretty!


<td msopnltype="NavBody" rowspan="3" valign="top">
<!-- MSCellType="NavBody" -->
<table cellpadding="0" cellspacing="0"
border="0" width="100%" height="100%">
<!-- MSCellFormattingTableID="7" -
->
<tr>
<td msopnltype="NavBody"
valign="top" height="100%" width="100%">
<!--
MSCellFormattingType="content" -->
<!--
#BeginEditable "links" -->
&nbsp;<p align="center"><b>Helpful
Links:</b></p>
<div align="left">
<p align="center">
<a
target="_blank" href="http://192.168.19.125/exchange">
<img border="0" id="img29"
src="images/button219.jpg" height="20" width="130"
alt="Outlook Web Access" fp-style="fp-btn: Embossed
Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0; fp-
orig: 0" fp-title="Outlook Web Access"
onmouseover="FP_swapImg
(1,0,/*id*/'img29',/*url*/'images/button217.jpg')"
onmouseout="FP_swapImg
(0,0,/*id*/'img29',/*url*/'images/button219.jpg')"
onmousedown="FP_swapImg
(1,0,/*id*/'img29',/*url*/'images/button218.jpg')"
onmouseup="FP_swapImg
(0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a><br
>
<a
href="http://192.168.19.42/cgi-bin/calcium37.pl?
Op=ShowIt&CalendarName=Official_Corporate_Calendar"
target="_blank">
<img border="0" id="img34"
src="images/button1B5.jpg" height="20" width="130"
alt="Corporate Calendar" onmouseover="FP_swapImg
(1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')"
onmouseout="FP_swapImg
(0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')"
onmousedown="FP_swapImg
(1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')"
onmouseup="FP_swapImg
(0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0; fp-orig: 0" fp-title="Corporate
Calendar"></a><br>
<a
target="_blank" href="http://192.168.19.42/cgi-
bin/calcium37.pl?
Op=ShowIt&CalendarName=Accounting_Deadline">
<img border="0" id="img46"
src="images/button1.jpg" height="20" width="130"
alt="Accounting Calendar" fp-style="fp-btn: Embossed
Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0; fp-
orig: 0" fp-title="Accounting Calendar"
onmouseover="FP_swapImg
(1,0,/*id*/'img46',/*url*/'images/button2.jpg')"
onmouseout="FP_swapImg
(0,0,/*id*/'img46',/*url*/'images/button1.jpg')"
onmousedown="FP_swapImg
(1,0,/*id*/'img46',/*url*/'images/button3.jpg')"
onmouseup="FP_swapImg
(0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a><br>
<a href="http://192.168.19.42/cgi-
bin/calcium37.pl?Op=UserLogin" target="_blank">
<img border="0" id="img43"
src="images/button1E5.jpg" height="20" width="130"
alt="Calendar Login Page" onmouseover="FP_swapImg
(1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')"
onmouseout="FP_swapImg
(0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')"
onmousedown="FP_swapImg
(1,0,/*id*/'img43',/*url*/'images/button220.jpg')"
onmouseup="FP_swapImg
(0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0; fp-orig: 0" fp-title="Calendar Login
Page"></a><br>
<a href="whistleblower.htm">
<img border="0" id="img44"
src="images/button225.jpg" height="20" width="130"
alt="Whistleblower Policy" onmouseover="FP_swapImg
(1,0,/*id*/'img44',/*url*/'images/button221.jpg')"
onmouseout="FP_swapImg
(0,0,/*id*/'img44',/*url*/'images/button225.jpg')"
onmousedown="FP_swapImg
(1,0,/*id*/'img44',/*url*/'images/button222.jpg')"
onmouseup="FP_swapImg
(0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0; fp-orig: 0" fp-title="Whistleblower
Policy"></a><br>
<a href="http://www.corporate-
ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400"
target="_blank">
<img border="0" id="img45"
src="images/button226.jpg" height="20" width="130"
alt="Press Releases" onmouseover="FP_swapImg
(1,0,/*id*/'img45',/*url*/'images/button223.jpg')"
onmouseout="FP_swapImg
(0,0,/*id*/'img45',/*url*/'images/button226.jpg')"
onmousedown="FP_swapImg
(1,0,/*id*/'img45',/*url*/'images/button224.jpg')"
onmouseup="FP_swapImg
(0,0,/*id*/'img45',/*url*/'images/button223.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0; fp-orig: 0" fp-title="Press
Releases"></a></p>
<table border="0"
cellpadding="0" cellspacing="0" width="110">
<tr>

<td></td>
</tr>
</table>
</div>
<p
align="center">&nbsp;</p>







>-----Original Message-----
>Difficult to understand what can be "reformatting" your
page
>- The IB just uses images and JavaScript
>Can you post a code snipped of the table
>- try a cell per IB and size the table cells to the IB
images
>
>--
>
>_____________________________________________
>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
>_____________________________________________
>
>
>"Nancy" <anonymous@discussions.microsoft.com> wrote in
message news:12fb501c44364$f3838590$a001280a@phx.gbl...
>| Hi everyone,
>| I am trying to set up an Intranet site and I am using
>| FP2003. I am using the Interactive Buttons for
>| navigation. I have set up the site using Dynamic Web
>| Templates with Editable regions for easy editing. The
>| problem is that on most of the computers in the office
>| the site looks great when opening in IE6. Everything is
>| formatted properly and the structure is the same for
all
>| pages. However, on some of the servers when I bring up
>| the page in my IE6 browser the interactive buttons
>| spread out across the page throwing the all the pages
>| off. What can I do to fix this? I tried putting the
>| buttons in a table and it still stretches the buttons
>| across the page.
>|
>| Any ideas on how to fix?
>| Thanks,
>| Nancy
>
>
>.
>

Re: Interactive Buttons not previewing correctly HELP by Stefan

Stefan
Thu May 27 08:45:10 CDT 2004

When you string images together like that in 1 cell w/o setting image alignment properties you are leaving to the browser to decide
how to render it - causing it to "stretch" them out across the page
- although the <br> tag should prevent that
But your table and cell are also both set for 100% width and the table (in the code you have is broken - missing a
</td></tr></table> before the 2nd table at
<table border="0" cellpadding="0" cellspacing="0" width="110">

Recommend you convert the buttons to be in a table of 130 px wide and 120px high (6 cells of 130px wide by 20 px high) and set your
table / cell / image alignments

You can do that by replacing the <br> w/ <p> then select the six buttons and use Table Convert Text to Table
- then clean out and stray <p> and spaces in the table cells

The relevant code should look something like below :

<div align="left">
<table border="0" width="130" cellspacing="0" cellpadding="0" height="120">
<tr><th align="center" width="130" height="20">Helpful Links:</th>
</tr><tr>
<td align="center" width="130" height="20"><a target="_blank" href="http://192.168.19.125/exchange"><img border="0" id="img29"
src="images/button219.jpg" height="20" width="130" alt="Outlook Web Access" fp-style="fp-btn: Embossed
Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0; fp-orig: 0" fp-title="Outlook Web Access" onmouseover="FP_swapImg
(1,0,/*id*/'img29',/*url*/'images/button217.jpg')" onmouseout="FP_swapImg
(0,0,/*id*/'img29',/*url*/'images/button219.jpg')" onmousedown="FP_swapImg
(1,0,/*id*/'img29',/*url*/'images/button218.jpg')" onmouseup="FP_swapImg
(0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a> </td>
</tr><tr>
<td align="center" width="130" height="20"><a href="http://192.168.19.42/cgi-bin/calcium37.pl?
Op=ShowIt&CalendarName=Official_Corporate_Calendar" target="_blank"><img border="0" id="img34" src="images/button1B5.jpg"
height="20" width="130" align="middle" alt="Corporate Calendar" onmouseover="FP_swapImg
(1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" onmouseout="FP_swapImg
(0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')" onmousedown="FP_swapImg
(1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')" onmouseup="FP_swapImg
(0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp- style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
fp-orig: 0" fp-title="Corporate
Calendar"></a></td>
</tr><tr>
<td align="center" width="130" height="20"><a target="_blank" href="http://192.168.19.42/cgi-
bin/calcium37.pl?Op=ShowIt&CalendarName=Accounting_Deadline"><img border="0" id="img46" src="images/button1.jpg" height="20"
width="130" align="middle" alt="Accounting Calendar" fp-style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0; fp-proportional:
0; fp-orig: 0" fp-title="Accounting Calendar" onmouseover="FP_swapImg
(1,0,/*id*/'img46',/*url*/'images/button2.jpg')" onmouseout="FP_swapImg
(0,0,/*id*/'img46',/*url*/'images/button1.jpg')" onmousedown="FP_swapImg
(1,0,/*id*/'img46',/*url*/'images/button3.jpg')" onmouseup="FP_swapImg
(0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a></td>
</tr><tr>
<td align="center" width="130" height="20"><a href="http://192.168.19.42/cgi-
bin/calcium37.pl?Op=UserLogin" target="_blank"><img border="0" id="img43" src="images/button1E5.jpg" height="20" width="130"
align="middle" alt="Calendar Login Page" onmouseover="FP_swapImg
(1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" onmouseout="FP_swapImg
(0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')" onmousedown="FP_swapImg
(1,0,/*id*/'img43',/*url*/'images/button220.jpg')" onmouseup="FP_swapImg
(0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp- style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
fp-orig: 0" fp-title="Calendar Login Page"></a></td>
</tr><tr>
<td align="center" width="130" height="20"><a href="whistleblower.htm"><img border="0" id="img44" src="images/button225.jpg"
height="20" width="130" align="middle" alt="Whistleblower Policy" onmouseover="FP_swapImg
(1,0,/*id*/'img44',/*url*/'images/button221.jpg')" onmouseout="FP_swapImg
(0,0,/*id*/'img44',/*url*/'images/button225.jpg')" onmousedown="FP_swapImg
(1,0,/*id*/'img44',/*url*/'images/button222.jpg')" onmouseup="FP_swapImg
(0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp- style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
fp-orig: 0" fp-title="Whistleblower Policy"></a> </td>
</tr><tr>
<td align="center" width="130" height="20"><a href="http://www.corporate-
ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400" target="_blank"><img border="0" id="img45" src="images/button226.jpg" height="20"
width="130" align="middle" alt="Press Releases" onmouseover="FP_swapImg
(1,0,/*id*/'img45',/*url*/'images/button223.jpg')" onmouseout="FP_swapImg
(0,0,/*id*/'img45',/*url*/'images/button226.jpg')" onmousedown="FP_swapImg
(1,0,/*id*/'img45',/*url*/'images/button224.jpg')" onmouseup="FP_swapImg
(0,0,/*id*/'img45',/*url*/'images/button223.jpg')" style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
fp-orig: 0" fp-title="Press Releases"></a></td>
</tr></table></div>




--

_____________________________________________
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
_____________________________________________


<anonymous@discussions.microsoft.com> wrote in message news:134a701c443e9$05d802a0$a601280a@phx.gbl...
| Thanks for the quick response.
| What it is doing to my page is a little hard to explain
| so here goes...
| I have a template with a non editable header, a left hand
| column (editable) and the middle section is for the body
| of the page (also editable). On all of my pages from this
| template, I have different navigation buttons in the left
| hand column and then different body copy. What is
| happening is that in FP and when previewing, all the
| buttons are lined up in a column perfectly underneath
| each other with no spaces. After publishing and viewing
| on different machines, on some machines the column of
| interactive buttons stagger across the page like steps
| towards the right which completely moves the Body text
| way over to the right. Each page does this on some
| machines. But on other machines the page comes up fine. I
| have checked the browser versions of IE and they are the
| same for the most part. All are at least IE6.
|
| Here is some of the code for the buttons: It doesn't look
| pretty!
|
|
| <td msopnltype="NavBody" rowspan="3" valign="top">
| <!-- MSCellType="NavBody" -->
| <table cellpadding="0" cellspacing="0"
| border="0" width="100%" height="100%">
| <!-- MSCellFormattingTableID="7" -
| ->
| <tr>
| <td msopnltype="NavBody"
| valign="top" height="100%" width="100%">
| <!--
| MSCellFormattingType="content" -->
| <!--
| #BeginEditable "links" -->
| &nbsp;<p align="center"><b>Helpful
| Links:</b></p>
| <div align="left">
| <p align="center">
| <a
| target="_blank" href="http://192.168.19.125/exchange">
| <img border="0" id="img29"
| src="images/button219.jpg" height="20" width="130"
| alt="Outlook Web Access" fp-style="fp-btn: Embossed
| Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0; fp-
| orig: 0" fp-title="Outlook Web Access"
| onmouseover="FP_swapImg
| (1,0,/*id*/'img29',/*url*/'images/button217.jpg')"
| onmouseout="FP_swapImg
| (0,0,/*id*/'img29',/*url*/'images/button219.jpg')"
| onmousedown="FP_swapImg
| (1,0,/*id*/'img29',/*url*/'images/button218.jpg')"
| onmouseup="FP_swapImg
| (0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a><br
| >
| <a
| href="http://192.168.19.42/cgi-bin/calcium37.pl?
| Op=ShowIt&CalendarName=Official_Corporate_Calendar"
| target="_blank">
| <img border="0" id="img34"
| src="images/button1B5.jpg" height="20" width="130"
| alt="Corporate Calendar" onmouseover="FP_swapImg
| (1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')"
| onmouseout="FP_swapImg
| (0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')"
| onmousedown="FP_swapImg
| (1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')"
| onmouseup="FP_swapImg
| (0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp-
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional: 0; fp-orig: 0" fp-title="Corporate
| Calendar"></a><br>
| <a
| target="_blank" href="http://192.168.19.42/cgi-
| bin/calcium37.pl?
| Op=ShowIt&CalendarName=Accounting_Deadline">
| <img border="0" id="img46"
| src="images/button1.jpg" height="20" width="130"
| alt="Accounting Calendar" fp-style="fp-btn: Embossed
| Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0; fp-
| orig: 0" fp-title="Accounting Calendar"
| onmouseover="FP_swapImg
| (1,0,/*id*/'img46',/*url*/'images/button2.jpg')"
| onmouseout="FP_swapImg
| (0,0,/*id*/'img46',/*url*/'images/button1.jpg')"
| onmousedown="FP_swapImg
| (1,0,/*id*/'img46',/*url*/'images/button3.jpg')"
| onmouseup="FP_swapImg
| (0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a><br>
| <a href="http://192.168.19.42/cgi-
| bin/calcium37.pl?Op=UserLogin" target="_blank">
| <img border="0" id="img43"
| src="images/button1E5.jpg" height="20" width="130"
| alt="Calendar Login Page" onmouseover="FP_swapImg
| (1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')"
| onmouseout="FP_swapImg
| (0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')"
| onmousedown="FP_swapImg
| (1,0,/*id*/'img43',/*url*/'images/button220.jpg')"
| onmouseup="FP_swapImg
| (0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp-
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional: 0; fp-orig: 0" fp-title="Calendar Login
| Page"></a><br>
| <a href="whistleblower.htm">
| <img border="0" id="img44"
| src="images/button225.jpg" height="20" width="130"
| alt="Whistleblower Policy" onmouseover="FP_swapImg
| (1,0,/*id*/'img44',/*url*/'images/button221.jpg')"
| onmouseout="FP_swapImg
| (0,0,/*id*/'img44',/*url*/'images/button225.jpg')"
| onmousedown="FP_swapImg
| (1,0,/*id*/'img44',/*url*/'images/button222.jpg')"
| onmouseup="FP_swapImg
| (0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp-
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional: 0; fp-orig: 0" fp-title="Whistleblower
| Policy"></a><br>
| <a href="http://www.corporate-
| ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400"
| target="_blank">
| <img border="0" id="img45"
| src="images/button226.jpg" height="20" width="130"
| alt="Press Releases" onmouseover="FP_swapImg
| (1,0,/*id*/'img45',/*url*/'images/button223.jpg')"
| onmouseout="FP_swapImg
| (0,0,/*id*/'img45',/*url*/'images/button226.jpg')"
| onmousedown="FP_swapImg
| (1,0,/*id*/'img45',/*url*/'images/button224.jpg')"
| onmouseup="FP_swapImg
| (0,0,/*id*/'img45',/*url*/'images/button223.jpg')" fp-
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional: 0; fp-orig: 0" fp-title="Press
| Releases"></a></p>
| <table border="0"
| cellpadding="0" cellspacing="0" width="110">
| <tr>
|
| <td></td>
| </tr>
| </table>
| </div>
| <p
| align="center">&nbsp;</p>
|
|
|
|
|
|
|
| >-----Original Message-----
| >Difficult to understand what can be "reformatting" your
| page
| >- The IB just uses images and JavaScript
| >Can you post a code snipped of the table
| >- try a cell per IB and size the table cells to the IB
| images
| >
| >--
| >
| >_____________________________________________
| >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
| >_____________________________________________
| >
| >
| >"Nancy" <anonymous@discussions.microsoft.com> wrote in
| message news:12fb501c44364$f3838590$a001280a@phx.gbl...
| >| Hi everyone,
| >| I am trying to set up an Intranet site and I am using
| >| FP2003. I am using the Interactive Buttons for
| >| navigation. I have set up the site using Dynamic Web
| >| Templates with Editable regions for easy editing. The
| >| problem is that on most of the computers in the office
| >| the site looks great when opening in IE6. Everything is
| >| formatted properly and the structure is the same for
| all
| >| pages. However, on some of the servers when I bring up
| >| the page in my IE6 browser the interactive buttons
| >| spread out across the page throwing the all the pages
| >| off. What can I do to fix this? I tried putting the
| >| buttons in a table and it still stretches the buttons
| >| across the page.
| >|
| >| Any ideas on how to fix?
| >| Thanks,
| >| Nancy
| >
| >
| >.
| >



Re: Interactive Buttons not previewing correctly HELP by Nancy

Nancy
Thu May 27 08:54:05 CDT 2004

Thanks! I will definately try that today.
I appreciate all of your help!

:)
Nancy


>-----Original Message-----
>When you string images together like that in 1 cell w/o
setting image alignment properties you are leaving to the
browser to decide
>how to render it - causing it to "stretch" them out
across the page
>- although the <br> tag should prevent that
>But your table and cell are also both set for 100% width
and the table (in the code you have is broken - missing a
></td></tr></table> before the 2nd table at
><table border="0" cellpadding="0" cellspacing="0"
width="110">
>
>Recommend you convert the buttons to be in a table of
130 px wide and 120px high (6 cells of 130px wide by 20
px high) and set your
>table / cell / image alignments
>
>You can do that by replacing the <br> w/ <p> then select
the six buttons and use Table Convert Text to Table
>- then clean out and stray <p> and spaces in the table
cells
>
>The relevant code should look something like below :
>
><div align="left">
> <table border="0" width="130" cellspacing="0"
cellpadding="0" height="120">
> <tr><th align="center" width="130" height="20">Helpful
Links:</th>
> </tr><tr>
> <td align="center" width="130" height="20"><a
target="_blank"
href="http://192.168.19.125/exchange"><img border="0"
id="img29"
>src="images/button219.jpg" height="20" width="130"
alt="Outlook Web Access" fp-style="fp-btn: Embossed
>Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0; fp-
orig: 0" fp-title="Outlook Web Access"
onmouseover="FP_swapImg
>(1,0,/*id*/'img29',/*url*/'images/button217.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img29',/*url*/'images/button219.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img29',/*url*/'images/button218.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a>
</td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
href="http://192.168.19.42/cgi-bin/calcium37.pl?
>Op=ShowIt&CalendarName=Official_Corporate_Calendar"
target="_blank"><img border="0" id="img34"
src="images/button1B5.jpg"
>height="20" width="130" align="middle" alt="Corporate
Calendar" onmouseover="FP_swapImg
>(1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0;
>fp-orig: 0" fp-title="Corporate
>Calendar"></a></td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
target="_blank" href="http://192.168.19.42/cgi-
>bin/calcium37.pl?
Op=ShowIt&CalendarName=Accounting_Deadline"><img
border="0" id="img46" src="images/button1.jpg" height="20"
>width="130" align="middle" alt="Accounting Calendar" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional:
>0; fp-orig: 0" fp-title="Accounting Calendar"
onmouseover="FP_swapImg
>(1,0,/*id*/'img46',/*url*/'images/button2.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img46',/*url*/'images/button1.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img46',/*url*/'images/button3.jpg')"
onmouseup="FP_swapImg
>
(0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a></td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
href="http://192.168.19.42/cgi-
>bin/calcium37.pl?Op=UserLogin" target="_blank"><img
border="0" id="img43" src="images/button1E5.jpg"
height="20" width="130"
>align="middle" alt="Calendar Login Page"
onmouseover="FP_swapImg
>(1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img43',/*url*/'images/button220.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0;
>fp-orig: 0" fp-title="Calendar Login Page"></a></td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
href="whistleblower.htm"><img border="0" id="img44"
src="images/button225.jpg"
>height="20" width="130" align="middle"
alt="Whistleblower Policy" onmouseover="FP_swapImg
>(1,0,/*id*/'img44',/*url*/'images/button221.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img44',/*url*/'images/button225.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img44',/*url*/'images/button222.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0;
>fp-orig: 0" fp-title="Whistleblower Policy"></a> </td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
href="http://www.corporate-
>ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400"
target="_blank"><img border="0" id="img45"
src="images/button226.jpg" height="20"
>width="130" align="middle" alt="Press Releases"
onmouseover="FP_swapImg
>(1,0,/*id*/'img45',/*url*/'images/button223.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img45',/*url*/'images/button226.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img45',/*url*/'images/button224.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img45',/*url*/'images/button223.jpg')"
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0;
>fp-orig: 0" fp-title="Press Releases"></a></td>
> </tr></table></div>
>
>
>
>
>--
>
>_____________________________________________
>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
>_____________________________________________
>
>
><anonymous@discussions.microsoft.com> wrote in message
news:134a701c443e9$05d802a0$a601280a@phx.gbl...
>| Thanks for the quick response.
>| What it is doing to my page is a little hard to explain
>| so here goes...
>| I have a template with a non editable header, a left
hand
>| column (editable) and the middle section is for the
body
>| of the page (also editable). On all of my pages from
this
>| template, I have different navigation buttons in the
left
>| hand column and then different body copy. What is
>| happening is that in FP and when previewing, all the
>| buttons are lined up in a column perfectly underneath
>| each other with no spaces. After publishing and viewing
>| on different machines, on some machines the column of
>| interactive buttons stagger across the page like steps
>| towards the right which completely moves the Body text
>| way over to the right. Each page does this on some
>| machines. But on other machines the page comes up
fine. I
>| have checked the browser versions of IE and they are
the
>| same for the most part. All are at least IE6.
>|
>| Here is some of the code for the buttons: It doesn't
look
>| pretty!
>|
>|
>| <td msopnltype="NavBody" rowspan="3" valign="top">
>| <!-- MSCellType="NavBody" -->
>| <table cellpadding="0" cellspacing="0"
>| border="0" width="100%" height="100%">
>| <!-- MSCellFormattingTableID="7" -
>| ->
>| <tr>
>| <td msopnltype="NavBody"
>| valign="top" height="100%" width="100%">
>| <!--
>| MSCellFormattingType="content" -->
>| <!--
>| #BeginEditable "links" -->
>| <p align="center"><b>Helpful
>| Links:</b></p>
>| <div align="left">
>| <p align="center">
>| <a
>| target="_blank" href="http://192.168.19.125/exchange">
>| <img border="0" id="img29"
>| src="images/button219.jpg" height="20" width="130"
>| alt="Outlook Web Access" fp-style="fp-btn: Embossed
>| Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
fp-
>| orig: 0" fp-title="Outlook Web Access"
>| onmouseover="FP_swapImg
>| (1,0,/*id*/'img29',/*url*/'images/button217.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img29',/*url*/'images/button219.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img29',/*url*/'images/button218.jpg')"
>| onmouseup="FP_swapImg
>|
(0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a><br
>| >
>| <a
>| href="http://192.168.19.42/cgi-bin/calcium37.pl?
>| Op=ShowIt&CalendarName=Official_Corporate_Calendar"
>| target="_blank">
>| <img border="0" id="img34"
>| src="images/button1B5.jpg" height="20" width="130"
>| alt="Corporate Calendar" onmouseover="FP_swapImg
>| (1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')"
>| onmouseup="FP_swapImg
>| (0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp-
>| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
0;
>| fp-proportional: 0; fp-orig: 0" fp-title="Corporate
>| Calendar"></a><br>
>| <a
>| target="_blank" href="http://192.168.19.42/cgi-
>| bin/calcium37.pl?
>| Op=ShowIt&CalendarName=Accounting_Deadline">
>| <img border="0" id="img46"
>| src="images/button1.jpg" height="20" width="130"
>| alt="Accounting Calendar" fp-style="fp-btn: Embossed
>| Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
fp-
>| orig: 0" fp-title="Accounting Calendar"
>| onmouseover="FP_swapImg
>| (1,0,/*id*/'img46',/*url*/'images/button2.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img46',/*url*/'images/button1.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img46',/*url*/'images/button3.jpg')"
>| onmouseup="FP_swapImg
>|
(0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a><br>
>| <a href="http://192.168.19.42/cgi-
>| bin/calcium37.pl?Op=UserLogin" target="_blank">
>| <img border="0" id="img43"
>| src="images/button1E5.jpg" height="20" width="130"
>| alt="Calendar Login Page" onmouseover="FP_swapImg
>| (1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img43',/*url*/'images/button220.jpg')"
>| onmouseup="FP_swapImg
>| (0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp-
>| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
0;
>| fp-proportional: 0; fp-orig: 0" fp-title="Calendar
Login
>| Page"></a><br>
>| <a href="whistleblower.htm">
>| <img border="0" id="img44"
>| src="images/button225.jpg" height="20" width="130"
>| alt="Whistleblower Policy" onmouseover="FP_swapImg
>| (1,0,/*id*/'img44',/*url*/'images/button221.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img44',/*url*/'images/button225.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img44',/*url*/'images/button222.jpg')"
>| onmouseup="FP_swapImg
>| (0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp-
>| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
0;
>| fp-proportional: 0; fp-orig: 0" fp-title="Whistleblower
>| Policy"></a><br>
>| <a href="http://www.corporate-
>| ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400"
>| target="_blank">
>| <img border="0" id="img45"
>| src="images/button226.jpg" height="20" width="130"
>| alt="Press Releases" onmouseover="FP_swapImg
>| (1,0,/*id*/'img45',/*url*/'images/button223.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img45',/*url*/'images/button226.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img45',/*url*/'images/button224.jpg')"
>| onmouseup="FP_swapImg
>| (0,0,/*id*/'img45',/*url*/'images/button223.jpg')" fp-
>| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
0;
>| fp-proportional: 0; fp-orig: 0" fp-title="Press
>| Releases"></a></p>
>| <table border="0"
>| cellpadding="0" cellspacing="0" width="110">
>| <tr>
>|
>| <td></td>
>| </tr>
>| </table>
>| </div>
>| <p
>| align="center"> </p>
>|
>|
>|
>|
>|
>|
>|
>| >-----Original Message-----
>| >Difficult to understand what can be "reformatting"
your
>| page
>| >- The IB just uses images and JavaScript
>| >Can you post a code snipped of the table
>| >- try a cell per IB and size the table cells to the IB
>| images
>| >
>| >--
>| >
>| >_____________________________________________
>| >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
>| >_____________________________________________
>| >
>| >
>| >"Nancy" <anonymous@discussions.microsoft.com> wrote in
>| message news:12fb501c44364$f3838590$a001280a@phx.gbl...
>| >| Hi everyone,
>| >| I am trying to set up an Intranet site and I am
using
>| >| FP2003. I am using the Interactive Buttons for
>| >| navigation. I have set up the site using Dynamic Web
>| >| Templates with Editable regions for easy editing.
The
>| >| problem is that on most of the computers in the
office
>| >| the site looks great when opening in IE6.
Everything is
>| >| formatted properly and the structure is the same for
>| all
>| >| pages. However, on some of the servers when I bring
up
>| >| the page in my IE6 browser the interactive buttons
>| >| spread out across the page throwing the all the
pages
>| >| off. What can I do to fix this? I tried putting the
>| >| buttons in a table and it still stretches the
buttons
>| >| across the page.
>| >|
>| >| Any ideas on how to fix?
>| >| Thanks,
>| >| Nancy
>| >
>| >
>| >.
>| >
>
>
>.
>

Re: Interactive Buttons not previewing correctly HELP by Nancy

Nancy
Thu May 27 09:40:18 CDT 2004

I just set up one of the tables as you mentioned and it
worked. I thought I tried putting it in a table before
but I must have not set it up correctly.

THANK YOU VERY MUCH!
Nancy
>-----Original Message-----
>When you string images together like that in 1 cell w/o
setting image alignment properties you are leaving to the
browser to decide
>how to render it - causing it to "stretch" them out
across the page
>- although the <br> tag should prevent that
>But your table and cell are also both set for 100% width
and the table (in the code you have is broken - missing a
></td></tr></table> before the 2nd table at
><table border="0" cellpadding="0" cellspacing="0"
width="110">
>
>Recommend you convert the buttons to be in a table of
130 px wide and 120px high (6 cells of 130px wide by 20
px high) and set your
>table / cell / image alignments
>
>You can do that by replacing the <br> w/ <p> then select
the six buttons and use Table Convert Text to Table
>- then clean out and stray <p> and spaces in the table
cells
>
>The relevant code should look something like below :
>
><div align="left">
> <table border="0" width="130" cellspacing="0"
cellpadding="0" height="120">
> <tr><th align="center" width="130" height="20">Helpful
Links:</th>
> </tr><tr>
> <td align="center" width="130" height="20"><a
target="_blank"
href="http://192.168.19.125/exchange"><img border="0"
id="img29"
>src="images/button219.jpg" height="20" width="130"
alt="Outlook Web Access" fp-style="fp-btn: Embossed
>Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0; fp-
orig: 0" fp-title="Outlook Web Access"
onmouseover="FP_swapImg
>(1,0,/*id*/'img29',/*url*/'images/button217.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img29',/*url*/'images/button219.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img29',/*url*/'images/button218.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a>
</td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
href="http://192.168.19.42/cgi-bin/calcium37.pl?
>Op=ShowIt&CalendarName=Official_Corporate_Calendar"
target="_blank"><img border="0" id="img34"
src="images/button1B5.jpg"
>height="20" width="130" align="middle" alt="Corporate
Calendar" onmouseover="FP_swapImg
>(1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0;
>fp-orig: 0" fp-title="Corporate
>Calendar"></a></td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
target="_blank" href="http://192.168.19.42/cgi-
>bin/calcium37.pl?
Op=ShowIt&CalendarName=Accounting_Deadline"><img
border="0" id="img46" src="images/button1.jpg" height="20"
>width="130" align="middle" alt="Accounting Calendar" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional:
>0; fp-orig: 0" fp-title="Accounting Calendar"
onmouseover="FP_swapImg
>(1,0,/*id*/'img46',/*url*/'images/button2.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img46',/*url*/'images/button1.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img46',/*url*/'images/button3.jpg')"
onmouseup="FP_swapImg
>
(0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a></td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
href="http://192.168.19.42/cgi-
>bin/calcium37.pl?Op=UserLogin" target="_blank"><img
border="0" id="img43" src="images/button1E5.jpg"
height="20" width="130"
>align="middle" alt="Calendar Login Page"
onmouseover="FP_swapImg
>(1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img43',/*url*/'images/button220.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0;
>fp-orig: 0" fp-title="Calendar Login Page"></a></td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
href="whistleblower.htm"><img border="0" id="img44"
src="images/button225.jpg"
>height="20" width="130" align="middle"
alt="Whistleblower Policy" onmouseover="FP_swapImg
>(1,0,/*id*/'img44',/*url*/'images/button221.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img44',/*url*/'images/button225.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img44',/*url*/'images/button222.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp-
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0;
>fp-orig: 0" fp-title="Whistleblower Policy"></a> </td>
> </tr><tr>
> <td align="center" width="130" height="20"><a
href="http://www.corporate-
>ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400"
target="_blank"><img border="0" id="img45"
src="images/button226.jpg" height="20"
>width="130" align="middle" alt="Press Releases"
onmouseover="FP_swapImg
>(1,0,/*id*/'img45',/*url*/'images/button223.jpg')"
onmouseout="FP_swapImg
>(0,0,/*id*/'img45',/*url*/'images/button226.jpg')"
onmousedown="FP_swapImg
>(1,0,/*id*/'img45',/*url*/'images/button224.jpg')"
onmouseup="FP_swapImg
>(0,0,/*id*/'img45',/*url*/'images/button223.jpg')"
style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
fp-proportional: 0;
>fp-orig: 0" fp-title="Press Releases"></a></td>
> </tr></table></div>
>
>
>
>
>--
>
>_____________________________________________
>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
>_____________________________________________
>
>
><anonymous@discussions.microsoft.com> wrote in message
news:134a701c443e9$05d802a0$a601280a@phx.gbl...
>| Thanks for the quick response.
>| What it is doing to my page is a little hard to explain
>| so here goes...
>| I have a template with a non editable header, a left
hand
>| column (editable) and the middle section is for the
body
>| of the page (also editable). On all of my pages from
this
>| template, I have different navigation buttons in the
left
>| hand column and then different body copy. What is
>| happening is that in FP and when previewing, all the
>| buttons are lined up in a column perfectly underneath
>| each other with no spaces. After publishing and viewing
>| on different machines, on some machines the column of
>| interactive buttons stagger across the page like steps
>| towards the right which completely moves the Body text
>| way over to the right. Each page does this on some
>| machines. But on other machines the page comes up
fine. I
>| have checked the browser versions of IE and they are
the
>| same for the most part. All are at least IE6.
>|
>| Here is some of the code for the buttons: It doesn't
look
>| pretty!
>|
>|
>| <td msopnltype="NavBody" rowspan="3" valign="top">
>| <!-- MSCellType="NavBody" -->
>| <table cellpadding="0" cellspacing="0"
>| border="0" width="100%" height="100%">
>| <!-- MSCellFormattingTableID="7" -
>| ->
>| <tr>
>| <td msopnltype="NavBody"
>| valign="top" height="100%" width="100%">
>| <!--
>| MSCellFormattingType="content" -->
>| <!--
>| #BeginEditable "links" -->
>| <p align="center"><b>Helpful
>| Links:</b></p>
>| <div align="left">
>| <p align="center">
>| <a
>| target="_blank" href="http://192.168.19.125/exchange">
>| <img border="0" id="img29"
>| src="images/button219.jpg" height="20" width="130"
>| alt="Outlook Web Access" fp-style="fp-btn: Embossed
>| Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
fp-
>| orig: 0" fp-title="Outlook Web Access"
>| onmouseover="FP_swapImg
>| (1,0,/*id*/'img29',/*url*/'images/button217.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img29',/*url*/'images/button219.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img29',/*url*/'images/button218.jpg')"
>| onmouseup="FP_swapImg
>|
(0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a><br
>| >
>| <a
>| href="http://192.168.19.42/cgi-bin/calcium37.pl?
>| Op=ShowIt&CalendarName=Official_Corporate_Calendar"
>| target="_blank">
>| <img border="0" id="img34"
>| src="images/button1B5.jpg" height="20" width="130"
>| alt="Corporate Calendar" onmouseover="FP_swapImg
>| (1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')"
>| onmouseup="FP_swapImg
>| (0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp-
>| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
0;
>| fp-proportional: 0; fp-orig: 0" fp-title="Corporate
>| Calendar"></a><br>
>| <a
>| target="_blank" href="http://192.168.19.42/cgi-
>| bin/calcium37.pl?
>| Op=ShowIt&CalendarName=Accounting_Deadline">
>| <img border="0" id="img46"
>| src="images/button1.jpg" height="20" width="130"
>| alt="Accounting Calendar" fp-style="fp-btn: Embossed
>| Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
fp-
>| orig: 0" fp-title="Accounting Calendar"
>| onmouseover="FP_swapImg
>| (1,0,/*id*/'img46',/*url*/'images/button2.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img46',/*url*/'images/button1.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img46',/*url*/'images/button3.jpg')"
>| onmouseup="FP_swapImg
>|
(0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a><br>
>| <a href="http://192.168.19.42/cgi-
>| bin/calcium37.pl?Op=UserLogin" target="_blank">
>| <img border="0" id="img43"
>| src="images/button1E5.jpg" height="20" width="130"
>| alt="Calendar Login Page" onmouseover="FP_swapImg
>| (1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img43',/*url*/'images/button220.jpg')"
>| onmouseup="FP_swapImg
>| (0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp-
>| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
0;
>| fp-proportional: 0; fp-orig: 0" fp-title="Calendar
Login
>| Page"></a><br>
>| <a href="whistleblower.htm">
>| <img border="0" id="img44"
>| src="images/button225.jpg" height="20" width="130"
>| alt="Whistleblower Policy" onmouseover="FP_swapImg
>| (1,0,/*id*/'img44',/*url*/'images/button221.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img44',/*url*/'images/button225.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img44',/*url*/'images/button222.jpg')"
>| onmouseup="FP_swapImg
>| (0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp-
>| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
0;
>| fp-proportional: 0; fp-orig: 0" fp-title="Whistleblower
>| Policy"></a><br>
>| <a href="http://www.corporate-
>| ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400"
>| target="_blank">
>| <img border="0" id="img45"
>| src="images/button226.jpg" height="20" width="130"
>| alt="Press Releases" onmouseover="FP_swapImg
>| (1,0,/*id*/'img45',/*url*/'images/button223.jpg')"
>| onmouseout="FP_swapImg
>| (0,0,/*id*/'img45',/*url*/'images/button226.jpg')"
>| onmousedown="FP_swapImg
>| (1,0,/*id*/'img45',/*url*/'images/button224.jpg')"
>| onmouseup="FP_swapImg
>| (0,0,/*id*/'img45',/*url*/'images/button223.jpg')" fp-
>| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
0;
>| fp-proportional: 0; fp-orig: 0" fp-title="Press
>| Releases"></a></p>
>| <table border="0"
>| cellpadding="0" cellspacing="0" width="110">
>| <tr>
>|
>| <td></td>
>| </tr>
>| </table>
>| </div>
>| <p
>| align="center"> </p>
>|
>|
>|
>|
>|
>|
>|
>| >-----Original Message-----
>| >Difficult to understand what can be "reformatting"
your
>| page
>| >- The IB just uses images and JavaScript
>| >Can you post a code snipped of the table
>| >- try a cell per IB and size the table cells to the IB
>| images
>| >
>| >--
>| >
>| >_____________________________________________
>| >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
>| >_____________________________________________
>| >
>| >
>| >"Nancy" <anonymous@discussions.microsoft.com> wrote in
>| message news:12fb501c44364$f3838590$a001280a@phx.gbl...
>| >| Hi everyone,
>| >| I am trying to set up an Intranet site and I am
using
>| >| FP2003. I am using the Interactive Buttons for
>| >| navigation. I have set up the site using Dynamic Web
>| >| Templates with Editable regions for easy editing.
The
>| >| problem is that on most of the computers in the
office
>| >| the site looks great when opening in IE6.
Everything is
>| >| formatted properly and the structure is the same for
>| all
>| >| pages. However, on some of the servers when I bring
up
>| >| the page in my IE6 browser the interactive buttons
>| >| spread out across the page throwing the all the
pages
>| >| off. What can I do to fix this? I tried putting the
>| >| buttons in a table and it still stretches the
buttons
>| >| across the page.
>| >|
>| >| Any ideas on how to fix?
>| >| Thanks,
>| >| Nancy
>| >
>| >
>| >.
>| >
>
>
>.
>

Re: Interactive Buttons not previewing correctly HELP by Stefan

Stefan
Thu May 27 09:49:11 CDT 2004

Was probably your broken table


--

_____________________________________________
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
_____________________________________________


"Nancy" <anonymous@discussions.microsoft.com> wrote in message news:136a501c443f8$87b87660$a401280a@phx.gbl...
| I just set up one of the tables as you mentioned and it
| worked. I thought I tried putting it in a table before
| but I must have not set it up correctly.
|
| THANK YOU VERY MUCH!
| Nancy
| >-----Original Message-----
| >When you string images together like that in 1 cell w/o
| setting image alignment properties you are leaving to the
| browser to decide
| >how to render it - causing it to "stretch" them out
| across the page
| >- although the <br> tag should prevent that
| >But your table and cell are also both set for 100% width
| and the table (in the code you have is broken - missing a
| ></td></tr></table> before the 2nd table at
| ><table border="0" cellpadding="0" cellspacing="0"
| width="110">
| >
| >Recommend you convert the buttons to be in a table of
| 130 px wide and 120px high (6 cells of 130px wide by 20
| px high) and set your
| >table / cell / image alignments
| >
| >You can do that by replacing the <br> w/ <p> then select
| the six buttons and use Table Convert Text to Table
| >- then clean out and stray <p> and spaces in the table
| cells
| >
| >The relevant code should look something like below :
| >
| ><div align="left">
| > <table border="0" width="130" cellspacing="0"
| cellpadding="0" height="120">
| > <tr><th align="center" width="130" height="20">Helpful
| Links:</th>
| > </tr><tr>
| > <td align="center" width="130" height="20"><a
| target="_blank"
| href="http://192.168.19.125/exchange"><img border="0"
| id="img29"
| >src="images/button219.jpg" height="20" width="130"
| alt="Outlook Web Access" fp-style="fp-btn: Embossed
| >Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0; fp-
| orig: 0" fp-title="Outlook Web Access"
| onmouseover="FP_swapImg
| >(1,0,/*id*/'img29',/*url*/'images/button217.jpg')"
| onmouseout="FP_swapImg
| >(0,0,/*id*/'img29',/*url*/'images/button219.jpg')"
| onmousedown="FP_swapImg
| >(1,0,/*id*/'img29',/*url*/'images/button218.jpg')"
| onmouseup="FP_swapImg
| >(0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a>
| </td>
| > </tr><tr>
| > <td align="center" width="130" height="20"><a
| href="http://192.168.19.42/cgi-bin/calcium37.pl?
| >Op=ShowIt&CalendarName=Official_Corporate_Calendar"
| target="_blank"><img border="0" id="img34"
| src="images/button1B5.jpg"
| >height="20" width="130" align="middle" alt="Corporate
| Calendar" onmouseover="FP_swapImg
| >(1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')"
| onmouseout="FP_swapImg
| >(0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')"
| onmousedown="FP_swapImg
| >(1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')"
| onmouseup="FP_swapImg
| >(0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp-
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional: 0;
| >fp-orig: 0" fp-title="Corporate
| >Calendar"></a></td>
| > </tr><tr>
| > <td align="center" width="130" height="20"><a
| target="_blank" href="http://192.168.19.42/cgi-
| >bin/calcium37.pl?
| Op=ShowIt&CalendarName=Accounting_Deadline"><img
| border="0" id="img46" src="images/button1.jpg" height="20"
| >width="130" align="middle" alt="Accounting Calendar" fp-
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional:
| >0; fp-orig: 0" fp-title="Accounting Calendar"
| onmouseover="FP_swapImg
| >(1,0,/*id*/'img46',/*url*/'images/button2.jpg')"
| onmouseout="FP_swapImg
| >(0,0,/*id*/'img46',/*url*/'images/button1.jpg')"
| onmousedown="FP_swapImg
| >(1,0,/*id*/'img46',/*url*/'images/button3.jpg')"
| onmouseup="FP_swapImg
| >
| (0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a></td>
| > </tr><tr>
| > <td align="center" width="130" height="20"><a
| href="http://192.168.19.42/cgi-
| >bin/calcium37.pl?Op=UserLogin" target="_blank"><img
| border="0" id="img43" src="images/button1E5.jpg"
| height="20" width="130"
| >align="middle" alt="Calendar Login Page"
| onmouseover="FP_swapImg
| >(1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')"
| onmouseout="FP_swapImg
| >(0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')"
| onmousedown="FP_swapImg
| >(1,0,/*id*/'img43',/*url*/'images/button220.jpg')"
| onmouseup="FP_swapImg
| >(0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp-
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional: 0;
| >fp-orig: 0" fp-title="Calendar Login Page"></a></td>
| > </tr><tr>
| > <td align="center" width="130" height="20"><a
| href="whistleblower.htm"><img border="0" id="img44"
| src="images/button225.jpg"
| >height="20" width="130" align="middle"
| alt="Whistleblower Policy" onmouseover="FP_swapImg
| >(1,0,/*id*/'img44',/*url*/'images/button221.jpg')"
| onmouseout="FP_swapImg
| >(0,0,/*id*/'img44',/*url*/'images/button225.jpg')"
| onmousedown="FP_swapImg
| >(1,0,/*id*/'img44',/*url*/'images/button222.jpg')"
| onmouseup="FP_swapImg
| >(0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp-
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional: 0;
| >fp-orig: 0" fp-title="Whistleblower Policy"></a> </td>
| > </tr><tr>
| > <td align="center" width="130" height="20"><a
| href="http://www.corporate-
| >ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400"
| target="_blank"><img border="0" id="img45"
| src="images/button226.jpg" height="20"
| >width="130" align="middle" alt="Press Releases"
| onmouseover="FP_swapImg
| >(1,0,/*id*/'img45',/*url*/'images/button223.jpg')"
| onmouseout="FP_swapImg
| >(0,0,/*id*/'img45',/*url*/'images/button226.jpg')"
| onmousedown="FP_swapImg
| >(1,0,/*id*/'img45',/*url*/'images/button224.jpg')"
| onmouseup="FP_swapImg
| >(0,0,/*id*/'img45',/*url*/'images/button223.jpg')"
| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz: 0;
| fp-proportional: 0;
| >fp-orig: 0" fp-title="Press Releases"></a></td>
| > </tr></table></div>
| >
| >
| >
| >
| >--
| >
| >_____________________________________________
| >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
| >_____________________________________________
| >
| >
| ><anonymous@discussions.microsoft.com> wrote in message
| news:134a701c443e9$05d802a0$a601280a@phx.gbl...
| >| Thanks for the quick response.
| >| What it is doing to my page is a little hard to explain
| >| so here goes...
| >| I have a template with a non editable header, a left
| hand
| >| column (editable) and the middle section is for the
| body
| >| of the page (also editable). On all of my pages from
| this
| >| template, I have different navigation buttons in the
| left
| >| hand column and then different body copy. What is
| >| happening is that in FP and when previewing, all the
| >| buttons are lined up in a column perfectly underneath
| >| each other with no spaces. After publishing and viewing
| >| on different machines, on some machines the column of
| >| interactive buttons stagger across the page like steps
| >| towards the right which completely moves the Body text
| >| way over to the right. Each page does this on some
| >| machines. But on other machines the page comes up
| fine. I
| >| have checked the browser versions of IE and they are
| the
| >| same for the most part. All are at least IE6.
| >|
| >| Here is some of the code for the buttons: It doesn't
| look
| >| pretty!
| >|
| >|
| >| <td msopnltype="NavBody" rowspan="3" valign="top">
| >| <!-- MSCellType="NavBody" -->
| >| <table cellpadding="0" cellspacing="0"
| >| border="0" width="100%" height="100%">
| >| <!-- MSCellFormattingTableID="7" -
| >| ->
| >| <tr>
| >| <td msopnltype="NavBody"
| >| valign="top" height="100%" width="100%">
| >| <!--
| >| MSCellFormattingType="content" -->
| >| <!--
| >| #BeginEditable "links" -->
| >| <p align="center"><b>Helpful
| >| Links:</b></p>
| >| <div align="left">
| >| <p align="center">
| >| <a
| >| target="_blank" href="http://192.168.19.125/exchange">
| >| <img border="0" id="img29"
| >| src="images/button219.jpg" height="20" width="130"
| >| alt="Outlook Web Access" fp-style="fp-btn: Embossed
| >| Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
| fp-
| >| orig: 0" fp-title="Outlook Web Access"
| >| onmouseover="FP_swapImg
| >| (1,0,/*id*/'img29',/*url*/'images/button217.jpg')"
| >| onmouseout="FP_swapImg
| >| (0,0,/*id*/'img29',/*url*/'images/button219.jpg')"
| >| onmousedown="FP_swapImg
| >| (1,0,/*id*/'img29',/*url*/'images/button218.jpg')"
| >| onmouseup="FP_swapImg
| >|
| (0,0,/*id*/'img29',/*url*/'images/button217.jpg')"></a><br
| >| >
| >| <a
| >| href="http://192.168.19.42/cgi-bin/calcium37.pl?
| >| Op=ShowIt&CalendarName=Official_Corporate_Calendar"
| >| target="_blank">
| >| <img border="0" id="img34"
| >| src="images/button1B5.jpg" height="20" width="130"
| >| alt="Corporate Calendar" onmouseover="FP_swapImg
| >| (1,0,/*id*/'img34',/*url*/'images/button1C3.jpg')"
| >| onmouseout="FP_swapImg
| >| (0,0,/*id*/'img34',/*url*/'images/button1B5.jpg')"
| >| onmousedown="FP_swapImg
| >| (1,0,/*id*/'img34',/*url*/'images/button1D4.jpg')"
| >| onmouseup="FP_swapImg
| >| (0,0,/*id*/'img34',/*url*/'images/button1C3.jpg')" fp-
| >| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
| 0;
| >| fp-proportional: 0; fp-orig: 0" fp-title="Corporate
| >| Calendar"></a><br>
| >| <a
| >| target="_blank" href="http://192.168.19.42/cgi-
| >| bin/calcium37.pl?
| >| Op=ShowIt&CalendarName=Accounting_Deadline">
| >| <img border="0" id="img46"
| >| src="images/button1.jpg" height="20" width="130"
| >| alt="Accounting Calendar" fp-style="fp-btn: Embossed
| >| Rectangle 1; fp-justify-horiz: 0; fp-proportional: 0;
| fp-
| >| orig: 0" fp-title="Accounting Calendar"
| >| onmouseover="FP_swapImg
| >| (1,0,/*id*/'img46',/*url*/'images/button2.jpg')"
| >| onmouseout="FP_swapImg
| >| (0,0,/*id*/'img46',/*url*/'images/button1.jpg')"
| >| onmousedown="FP_swapImg
| >| (1,0,/*id*/'img46',/*url*/'images/button3.jpg')"
| >| onmouseup="FP_swapImg
| >|
| (0,0,/*id*/'img46',/*url*/'images/button2.jpg')"></a><br>
| >| <a href="http://192.168.19.42/cgi-
| >| bin/calcium37.pl?Op=UserLogin" target="_blank">
| >| <img border="0" id="img43"
| >| src="images/button1E5.jpg" height="20" width="130"
| >| alt="Calendar Login Page" onmouseover="FP_swapImg
| >| (1,0,/*id*/'img43',/*url*/'images/button1F4.jpg')"
| >| onmouseout="FP_swapImg
| >| (0,0,/*id*/'img43',/*url*/'images/button1E5.jpg')"
| >| onmousedown="FP_swapImg
| >| (1,0,/*id*/'img43',/*url*/'images/button220.jpg')"
| >| onmouseup="FP_swapImg
| >| (0,0,/*id*/'img43',/*url*/'images/button1F4.jpg')" fp-
| >| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
| 0;
| >| fp-proportional: 0; fp-orig: 0" fp-title="Calendar
| Login
| >| Page"></a><br>
| >| <a href="whistleblower.htm">
| >| <img border="0" id="img44"
| >| src="images/button225.jpg" height="20" width="130"
| >| alt="Whistleblower Policy" onmouseover="FP_swapImg
| >| (1,0,/*id*/'img44',/*url*/'images/button221.jpg')"
| >| onmouseout="FP_swapImg
| >| (0,0,/*id*/'img44',/*url*/'images/button225.jpg')"
| >| onmousedown="FP_swapImg
| >| (1,0,/*id*/'img44',/*url*/'images/button222.jpg')"
| >| onmouseup="FP_swapImg
| >| (0,0,/*id*/'img44',/*url*/'images/button221.jpg')" fp-
| >| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
| 0;
| >| fp-proportional: 0; fp-orig: 0" fp-title="Whistleblower
| >| Policy"></a><br>
| >| <a href="http://www.corporate-
| >| ir.net/ireye/ir_site.zhtml?ticker=TVL&script=400"
| >| target="_blank">
| >| <img border="0" id="img45"
| >| src="images/button226.jpg" height="20" width="130"
| >| alt="Press Releases" onmouseover="FP_swapImg
| >| (1,0,/*id*/'img45',/*url*/'images/button223.jpg')"
| >| onmouseout="FP_swapImg
| >| (0,0,/*id*/'img45',/*url*/'images/button226.jpg')"
| >| onmousedown="FP_swapImg
| >| (1,0,/*id*/'img45',/*url*/'images/button224.jpg')"
| >| onmouseup="FP_swapImg
| >| (0,0,/*id*/'img45',/*url*/'images/button223.jpg')" fp-
| >| style="fp-btn: Embossed Rectangle 1; fp-justify-horiz:
| 0;
| >| fp-proportional: 0; fp-orig: 0" fp-title="Press
| >| Releases"></a></p>
| >| <table border="0"
| >| cellpadding="0" cellspacing="0" width="110">
| >| <tr>
| >|
| >| <td></td>
| >| </tr>
| >| </table>
| >| </div>
| >| <p
| >| align="center"> </p>
| >|
| >|
| >|
| >|
| >|
| >|
| >|
| >| >-----Original Message-----
| >| >Diffi