Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #185

Is it possible to move the thumbnail rows in Image Gallery Magic (iGM) so they will display below the full-size images?

The Answer

Prepared May. 2006 by Al Sparber, PVII

Moving Thumbnails below full-size images

The Process

Switch to Code View.

Locate the p7GSvpW3 DIV.

Place your cursor inside the DIV tag, as depicted in the screen capture above.

Look for the <div#p7GSvpW3> tag on Dreamweaver's Tag Selector bar along the bottom of your code window (just above the Property Inspector).

Click the <div#p7GSvpW3> tag on the Tag Selector bar.

The entire DIV will highlight.

Choose Edit - Cut.

Locate the p7GSah DIV.

Make a new line just below p7GSah.

Choose Edit - Paste.

The p7GSvpW3 DIV code is pasted in below the p7GSah DIV.

Fixing IE Windows

Make a new line just above your closing </head> tag.

Enter the following IE Conditional Comment

<!--[if lte IE 6]>
<style type="text/css">
#p7GSvpW3 {height: 1%;}
</style>
<![endif]-->

That's it.

Preview your page.

Back to the questions list