FP2000: Navigator Cannot Display Some Form Fields When Using Cascading Style Sheet Themes in Web

ID: Q222834

The information in this article applies to:
  • Microsoft FrontPage 2000

SYMPTOMS

Netscape Navigator is unable to display scrolling text boxes or drop-down lists if they are on pages that have themes that use cascading style sheets (CSS) applied to them.


CAUSE

FrontPage and Office themes use a border-width attribute for form field components when you apply themes that use cascading style sheets. If you use cascading style sheets to specify a border width, Netscape Navigator versions 4.5 and earlier are not capable of rendering either the TEXTAREA or SELECT tags.


RESOLUTION

Use the method appropriate for your situation.

Method 1: Do Not Apply Themes as Cascading Style Sheets

To prevent this problem, clear the Apply using CSS check box in the Themes dialog box.

Method 2: Use the Modify Theme Feature

To modify the theme, follow these steps. (Using this method, you can re-use the modified theme on other webs in the future.)
  1. On the Format menu, click Theme. Click to select the theme you want to modify.


  2. Click Modify in the Themes dialog box.


  3. Click Text under the What would you like to modify? label.


  4. Click More Text Styles in the Modify Theme dialog box.


  5. In the list of styles, find the style called select.


  6. Click Modify in the Style dialog box.


  7. Click Format in the Modify Style dialog box, and click Border in the list.


  8. On the Borders tab of the Borders and Shading dialog box, click the icon to the left of the word "None" to set the border style to no borders.


  9. To return to the Modify Style dialog box, click OK on the Borders and Shading dialog box.


  10. To return to the Style dialog box, click OK on the Modify Style dialog box.


  11. In the list of styles in the Style dialog box, find the style called textarea.


  12. To remove the border from the text area style, repeat steps 6 through 10.


  13. To close the Style dialog box, click OK.


  14. To close the Modify Theme dialog box, click OK.


  15. Click Save or Save As in the Themes dialog box and type a new name for the modified style.


  16. Click OK after you specify a new name for the modified theme.


Method 3: Editing the Cascading Style Sheets File

This method describes how you can edit an individual file in the web to resolve the problem. If you follow this method but you later return to apply the theme through FrontPage, the alterations you make to the file are discarded, and the file is replaced with another copy that exhibits the problem described in the "Symptoms" section of this article.
  1. On the Tools menu, click Web Settings.


  2. In the Web Settings dialog box, click the Advanced tab, and then select the Show documents in hidden directories check box.


  3. Click OK.


  4. Double-click the _themes folder to expand it.


  5. Double-click the selected theme folder to expand it.


    6. NOTE: The folder has the same name as the theme you selected in the Themes dialog box.

  6. Double-click the cascading style sheet theme file.


    7. NOTE: This name of this file is the first four characters of the name of the theme, four ones, and ".css" as the file extension.

    EXAMPLE: modu1111.css
  7. Remove the border-width attribute for the control.


    8. For example, the following code: 
    
textarea { font-size: 8pt; font-family: 'Trebuchet MS', Arial, Helvetica;
 font-style:normal; border-style: solid; border-width: 1pt}
    should be changed to the following: 
    
textarea { font-size: 8pt; font-family: 'Trebuchet MS', Arial, Helvetica;
 font-style:normal; border-style: solid }
  8. On the File menu, click Save.


Additional query words: fp2k front page Netscape CSS scrolling text view

Keywords :
Version : WINDOWS:
Platform : WINDOWS
Issue type : kbprb


Last Reviewed: January 28, 2000
© 2000 Microsoft Corporation. All rights reserved. Terms of Use.