FP2002: Font Size Doesn't Change During DHTML Event

When you apply a Dynamic HTML (DHTML) effect to change the font size of a region of text that already has a specific font size applied, the size of the text does not change when the event occurs. (The following DHTML events are available in FrontPage 2002: Click, Double Click, Mouse Over, and Page Load.)

In FrontPage, DHTML effects are applied to the paragraph (<P>) or heading (<Hn>) tags rather than the <FONT> tag.

To work around this problem, apply the font size when you define the DHTML effects. To do this, follow these steps:

1.	Select the text you want to change.
2.	On the Format menu, click Font, and then click the Font tab.
3.	In the Size list, select Normal, and then click OK.
4.	From the Style list on the Formatting toolbar, select the Heading style you want to use.
5.	Select the text. On the Format menu, click Dynamic HTML Effects. The DHTML Effects toolbar appears.
6.	In the On list, click Mouse Over.
7.	In the Apply list, click Formatting.
8.	In the Effect list, click Choose Font.
9.	In the Size box, type or select the font size you want, and then click OK.

Microsoft has confirmed that this is a problem in the Microsoft products that are listed at the beginning of this article.

When you type text in FrontPage, FrontPage places it inside <P>...</P> tags by default:

<p>This is an example.</p>
				

When you apply a font size to the text, the <FONT>...</FONT> tags are placed inside the <P>...</P> tags:

<p><font size="2>This is an example.</font></p>
				

When you apply a DHTML effect to the paragraph, the DHTML effect is not applied to any text inside the <FONT>...</FONT> tags:

<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="font-size: 24pt"
onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">
<font size="2>This is an example.</font></p>
				

When you apply the DHTML effect to text inside either the paragraph (<P>) or the heading (<Hn>) tags, and set the font size through the DHTML Effects dialog box, it is applied to the heading or paragraph tag, like this:

<h3 dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="font-size: 24pt"
onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">
This is an example.</h3>
				

Notice that this sample does not use the <FONT>...</FONT>tags.