Specific Product Support

Blue Nebula
Blue Ring
Boxed
Business Ready
Clear Blue
eXPansive
Gears
ProChrome
Window Box

eXPansive

Description

eXPerience version 1 has some bugs in Netscape 6. We will be coming out with another version of eXPerience that fixes those bugs. However, if you want to fix your current web site that uses eXPerience for Netscape 6, please follow these instructions. You will have to do extensive editing on each page, but we've tried to make the instructions as clear as possible.

1. Add a Style Definition to the top of every page.

Open your page and go to HTML View. Find the "</HEAD>" area of the HTML, and immediately above it, paste in this code*:

<style type="text/css">
<!--
.decoration img {display: block;}

-->
</style>

*Note: You may need to open Notepad, paste this code into Notepad, then copy from Notepad into HTML view.

2. Fix the row that has "your logo here" and icons.

In Netscape 6, there is a small gap after the "your logo here." Your icons may also be pushed off the right of the screen. This is a Netscape 6 bug that displays images with gaps after them, and that has a strange way of implementing table cells that have 100% width. To fix this issue...

1. Fix the 100% width issue.
   Click on the table that has the top icons. Go to Table > Select > Table. The top icons table will be highlighted. Now go to Table > Select > Cell. The cell containing the top icons table will be highlighted. Right-click and choose "Cell Properties." Uncheck the Width box. Save.
2. Fix the gap after images issue.
   Click on "Your Logo Here" to select it in Page View in FrontPage, then go to HTML view. The code for the image will be highlighted. Look up a few lines to find the <TR> tag. Replace the <TR> tag with this code:
   
   <TR class="decoration">
   
   Now, scroll down until you see:
   
   <DIV ALIGN="right">
   <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" SUMMARY="This table holds the top navigation buttons.">
   <TR>
   
   Replace that <TR> with the same thing:
   
   <DIV ALIGN="right">
   <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" SUMMARY="This table holds the top navigation buttons.">
   <TR class="decoration">

3. Fix info boxes.

Netscape 6 shows the info boxes as "taller" than they should be so that the background tiling looks funny. To fix this issue, you will have to modify each info box...

1. Go back into Normal View. Click in the info box you want to edit, then go back into HTML view. Your cursor should be in the general area of the info box code.
2. First, find the code that says:
   <P CLASS="small"><B>your heading...</B></P>
   and replace the "P's" with "SPAN" so that it looks like this:
   <SPAN CLASS="small"><B>your heading...</B></SPAN>
   (This is because Netscape 6 automatically puts a lot of space around "Paragraph" tags.)
3. Now, fix the image space problem. In that same area, look a few lines above for the <TR> tag and replace it with <TR class="decoration">.
4. Basically, your info box should look something like this:
   
   <TABLE BORDER="0" ... SUMMARY="This is info box 3.">
   <TR class="decoration">
   <TD STYLE="background-image: ...">
   <IMG SRC="images/infobox-greenl.gif" ...></TD>
   <TD STYLE="background-image: url('images/infobox-greenbg.gif')" WIDTH="100%">
   <SPAN CLASS="small"><B>your heading...</B></SPAN>
   </TD>
   <TD ALIGN="right" ...
   <IMG BORDER="0" ...></TD>
   </TR>

4. Repeat these steps for all pages in your web.

It's a lot of work, we know. We're doing our best to come out with the new version... Good luck!

If you have questions that are not found here, please email support@johngaltstools.com.