Re: Interactive Buttons not previewing correctly HELP
From: Nancy (anonymous_at_discussions.microsoft.com)
Date: 05/27/04
- Next message: anonymous_at_discussions.microsoft.com: "Re: Navigation bar button not behaiving!"
- Previous message: Stefan B Rusynko: "Re: Interactive Buttons not previewing correctly HELP"
- In reply to: Stefan B Rusynko: "Re: Interactive Buttons not previewing correctly HELP"
- Next in thread: Nancy: "Re: Interactive Buttons not previewing correctly HELP"
- Messages sorted by: [ date ] [ thread ]
Date: Thu, 27 May 2004 06:54:05 -0700
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
>| >
>| >
>| >.
>| >
>
>
>.
>
- Next message: anonymous_at_discussions.microsoft.com: "Re: Navigation bar button not behaiving!"
- Previous message: Stefan B Rusynko: "Re: Interactive Buttons not previewing correctly HELP"
- In reply to: Stefan B Rusynko: "Re: Interactive Buttons not previewing correctly HELP"
- Next in thread: Nancy: "Re: Interactive Buttons not previewing correctly HELP"
- Messages sorted by: [ date ] [ thread ]
Relevant Pages
|
