Need Web Help? Join our " Photo Gallery How To " Home Wizard Prepare Choose Layout Insert Gallery Folder Created Customise Problems Galleries Computer Sports Plants Animals Food Transport Links Slide shows Graphic Prog ScriptFX

Front Page
Flash Tutorials

 
All Galleries   Vertical   Horizontal   Montage   Larger Images

Code used in the Horizontal Layout
Each thumbnail in the horizontal layout has a vertical line either side of it. This is written in separate code for IE and Netscape.

Had we used the real.htm page, as with the Vertical Gallery, then we would have to deal with both JavaScript and other coding for these vertical lines.

JavaScript was used in the real.htm to color code table cells for Netscape as well as style coding being used for the cells for IE (although NS 6 understands that code, various versions of NS4 do not understand it). This is the JavaScript that was used:

And this is the style coding that was used:

<td valign="top" style="border-left-style: solid; border-left-width: 1; border-left-color:black">

Below are images showing how the combination of both codes viewed in the browsers I have on my system, had we used the real.htm.

The real_p.htm does not contain any JavaScript - only the style coding for the table cells. Although NS 4.76 does not now show any lines at all, at least the results for NS 6 are perfect - as in the image below.

As viewed in NS 6

I do not know how this looks in any other browser.

So to alter the look of the vertical line, in this code below (which you will find in HTML view) you can alter the number to make it wider - and change the color.

<td valign="top" style="border-left-style: solid; border-left-width: 1; border-left-color:black">

All Galleries   Vertical   Horizontal   Montage   Larger Images

Find out more