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

ID: Q222834

The information in this article applies to:

SYMPTOMS

Netscape Navigator is unable to display scrolling text boxes or drop-down lists if they are on pages that have Themes using 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 CSS. If you use CSS 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 CSS

Click to clear the option to apply the theme using CSS in the Themes dialog box, and this problem will disappear.

Method 2: Use the Modify Theme Feature

To modify the theme, follow these steps:
  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 to select Border from 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 six through ten.


  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.


Using the previous method, you can re-use the modified theme on other webs in the future.

Method 3: Editing the CSS 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 will be discarded, and the file will be 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 click to 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 will have 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 


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

Last Reviewed: July 1, 1999