Need Help Centering Thumbnails!

Question #1
Hi, on my web page the thumbnals are not centered in the page but go to the left. In Dreamweaver I've turned on outlines so you can see that the thumbnails are not centered. I am trying to vertically and horizontally center my thumbnails in the div. (see image) I need to know which CSS Rule controls the centering of the thumbnails?
http://www3.telus.net/~jessum/PAGES/visual_light_box.html
Question #2
A second question. I am using Visual Lightbox for my thumbnail gallery but in the interface there is no setting to add space between the thumbnails or to center the thumbnails on the page. So every time I upload my gallery the thumbnails are really close together and they go to the left and are not centered.
It's frustrting to have to constantly edit the CSS and add space between the thumbnails every time I upload the gallery. Is there a solution to fix this so I can upload my gallery and the spacing and position of the thumbnails will be the same?
I just wish there was a simple gallery solution but I haven't seen one yet. Hmmm.

Also I wish there was a way to preview the page in a browser without having to save the page every time. If I make some changes and they are not correct then I have to save the page and I've messed it all up. In Golive you could preview the page without saving it and it made it a lot easier to just undo or close the page an reopen it. Do you know why you can't make some changes then preview the page in a browser without saving it?
Edit > Preferences > Preview in Browser
http://forums.adobe.com/thread/795084
There are 2 ways you can do a preview in browser (according to your preferences settings):
1. Preview using temp files
2. Preview not using temp files
If you are using method 2, then each time you preview, the last saved version of the file will be loaded by the browser for the preview. Thus, to see your latest changes, you just have to SAVE the file.
If you are using method 1, then each time you preview, a temporary file is built by DW from the current page, and that temporary file is what is previewed in the browser. Each time you preview a page, a NEW temporary file is created.
With method 1, you have to save the page before you can preview. With method 2, you do not have the save the page before you can preview.

Similar Messages

I need help Centering a div box to a background image using dreamweaver cs5.5.

I need help Centering a div box to a background image using dreamweaver cs5.5. Everything shift left when viewing on different size monitors? See what I mean at
www.woodlandhospice.com

Have you looked at your page with images disabled?
I urge you to re-think this approach to web design because images of text are not indexed by search engines, screen readers or translators. Given the demographic group your site is targeting, you really need to ensure maximum web accessibility for all users.
Navigation, headings and descriptions all need to be in real text -- not images of text.
Ken is right. Absolute positioning is pure poison for such a simple layout. My advice is to start over with one of the pre-built Starter Pages in DW. Go to File > New > Blank page > HTML. Select a layout from the 3rd column and hit CREATE button.
Nancy O.

Need help centering DIV in CSS

Hi- I had a "coming to jesus" last night regarding my website. I've been out of the professional web design world for about 7 years. I'm getting back in it. I used to design in tables and after some reading, I know I need to design in DIV. My problem is I do not know how to get my main section centered on the page.
I did a sketch up of what I want in layout terms.
Any suggestions on how to center a 980px div?
Here's a link to my current page with table layout.
http://www.prodentite.com/patient_edu/index.htm
Any help is appreciated.

This is a very common question, so an article has been published in the Dreamweaver FAQ
Centering a page:
http://forums.adobe.com/thread/454036
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

I need help centering my images.

Hi,
I am very new to DreamWeaver and have been teaching myself
for the past week. I am building my own small website for my
portoflio and can not figure out how to auto center my website.
When I center one image the other images are in the wrong spots. I
want everything to center itself based on how big the browser is
open. Please someone help me!!!!! It's very hard to explain what I
am trying to do.. I have 3 layers in my page and they are
overlapping. I dont want each of them auto centered by
themselves,,, I want them all centered as a whole. Do I have to
select them all then center them somehow? I have tried everything
and now I am forced to ask for help!!
here is a screenshot
http://img.photobucket.com/albums/v179/smagicpie/Picture1.png

It would work exactly the way you want if you did what I
suggested. As far
as I can tell, there is no change to the code at the link you
give below.
Using layers to build your pages is what has gotten you into
this mess.
It's not a best practice by any means....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"smagicpie" <[email protected]> wrote in
message
news:fo5dl0$j94$[email protected]..
> This isn't working. It is centering the links like you
would center text.
> I
> just need all these layers to center as a whole in the
page. I dont want
> anything else to change. Is there anyway to select all
layers and center
> them?
> Here is a screenshot showing the layers. The links are
in a table within a
> layer.
http://img.photobucket.com/albums/v179/smagicpie/Picture1.png
> www.alisonleahwalker.com
>

Need Help Centering Page Content

Hi, I have added a white box behind my main page content but the content is not centered within the box. It seems to be on the left. There are a number of different style sheets and I need to find out which style is affecting how the content is positioned.
1. In this link below I’m not sure what is making the content go to the “left”. I need all of the thumbnails to be centered in the white area. That is what I need to find out first. What is the best way to find what is causing the thumbnails to go to the left? Is there an easy way to narrow down what is causing the thumbnails to go to the left?
If I select “ul.work li” I notice it is set to (float: left). If I change it to (float: right) the thumbnails all move to the right. but if I set it to (float: none) the thumbnails all line up vertically. Not what I want.
http://www.buzzfx.ca/2d_character.html
In the homepage I also need to have all of the content centered.
http://www.buzzfx.ca
2. Also, how would I move the white box up to align with (touch the bottom) of the grey header?

Thanks John, I managed to watch a good tutorial that set me straight.
So back to the initial question. I am trying to center the content in the body but it seems to be aligned "left". Using Firebug, I think I have found the part that needs changing.
1. At this link: http://www.buzzfx.ca/2d_character.html
2. I hovered over the thumbnails until I found: <ul class="work fullwork clearfix">
3. I then looked in the style and I believe it is this code below in "bold italics" that I need to edit to get the "content" to be centered but I am not sure how specifically to fix it/
Q. Why does "margin-left: 40px;" have a strike through it?
Q. Is "margin-left: 40px;" the reason the content is aligned "left"?
Q. Could I not just "center" the contents instead of have it positioned from the "left"? Please explain!
I would be very grateful if someone could look at my page in Firebug to tell what the best way is to center the body content.
.clearfix:after {   clear: both;
   content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
ul.work {
margin: 0 -15px;
ul, ol {
margin-left: 40px;
h1, h2, h3, h4, form, table, ul, ol, p, dl, blockquote, hr {margin-bottom: 30px;
text-align: left;
ol, ul {
list-style: none outside none;

Need help exporting thumbnails (jpeg files are empty)

Hello,
I'm having problems loading photos from my thumbnails in iPhoto. If I try to load a photo nothing happens, even after several minutes. My library has around 500 images, so I can't imagine it would take very long to load.
If I try to export a photo it just creates an empty jpeg file. I can get data on the photo (ie size, width, height) from inside iPhoto, but the actual jpeg file appears empty. So, is there anyway to export just the thumbnail? I'd rather have a smaller image of the original than nothing at all.
Regards,
Rob
Powerbook G4 Mac OS X (10.3.9) iPhoto 5.0.4

however, during this process I got the following error message for many of the photos:
The following files could not be imported (they may be an unrecognized file type or the files may not contain data).
Hello Rob,
this message means that you have this image in your library already, it prevents from duplicate.
The simplest way I found to solve this type of issue is to choose a picture that does not show up, but were you can see the thumbnail. Check the name (so called tittle) of the picture in iPhoto via info and find it on the drive via finder "apple-F" key combination (or menu edit/find/find).
1 - you find it under your iPhoto Library tree folder
1-1 - try to find out if folders names (iPhoto Library/2006/07/10/...which means : iPhoto Library/"year"/"month"/"day") has been changed. If no change has been done with finder, drag (do not copy) this pict out on desktop or other folder you can use, then drag it back in iPhoto window (not in finder folder), it should go back in the correct folder under iPhoto Library and show up again in full size.
check it first for several picts, if you find that all your picts are with the same problem you can consider taking all your picts out with finder and drag them back in iPhoto window
1-2 - you could also consider to repair your library by starting iPhoto holding down command-apple keys, but I have never tried it.
2 - your pict is NOT in iPhoto Library folder BUT on your drive, drag it back in iPhoto window, not in finder folder directly. It should show up in the correct location in iPhoto. You may have 2 thumbnails with same name in iPhoto window, just delete the one where you can't see full size pict.
this is unlikely to be the case from my point of view
3- your pict is not anymore on your drive... Somebody must have erased it directly from folder, meaning messing up directly in iPhoto library folder. Then check again 1-1.
this is unlikely to be the case from my point of view
You see the thumbnails because iPhoto it is a database that create thumbnails when importing pict, and they will last until you delete your pict within iPhoto. iPhoto refreshes it's database at that time. By doing things directly under finder just does not allow iPhoto database to be "aware" of what you are doing... so it cannot refresh it correctly. Then it messes up the complete stuff.
Hope this can help you, if not please post back an answer,
Best regards,
François
G4 PCI 400 Mac OS X (10.3.9) 704Mb, 10-40-80Gb, Dual display ATI9200, BT, DVR07

Need Help Centering Page in Browser Window

I'm designing my pages by creating a graphic framework in
Photoshop, slicing and exporting images into css using Fireworks to
a Dreamweaver html page. These pages look great; but they load into
the upper left corner of the browser window
I was taking a Dreamweaver class at the Denver Art Institute,
that was worthless. I dropped the class after the 4th week and am
now teaching myself. I asked the teacher how to center this kind of
page in a browser window, so the page would behave like most
webpages, centering as you change the width of the browser window.
I also wanted to add a repeating pattern in a background image. She
told me that she didn't know how, that I would have to build the
background into my Photoshop file. So, that's what I've been doing.
However, when people with smaller monitors change pages within a
site the built-in background requires them to recenter the page
manually each time.
Is there a way to center the page and add a background image
that is not built in? I've tried using Dreamweaver's background
image and margins in the Page Properties; but that just pushes the
page to the upper left and adds the background to the right and
bottom of the page.
Please visit:
http://www.livingwater.la,
http://www.renegadegraphics.biz
and
http://www.dentalmatchmakers.net
for examples.
Thanks for your help.
Mary

>I was taking a Dreamweaver class at the Denver Art
Institute, that was worthless
Yes, those classes usually are worthless because they focus
on using the tool without giving you the proper foundation for
understanding and managing html and css. Unfortunately, all of the
example sites you gave you AP Divs (layers) as a primary layout
method, which is a terrible approach. AP Divs should be used rarely
if ever, and only when you understand how they work. When the
visitors font is sized differently than you expected, the site
falls apart. The correct approach is to learn web
design/development outside of the context of a specific
application.
http://www.w3schools.com/html/
is a good place to start for a basic understanding of html and css.
And some basic layout techniques can be found here:
http://apptools.com/examples/pagelayout101.php

I need help centering a div!

Hi!
So i'm attempting to set up all the body content in my website so that it is always in the center of my webpage dispite the size of the browser. I had it going fine for a while, but then something happened and I lost it. What did I do wrong?
Help!!
Here is my complete code so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
          background-image: url(images/images/images/images/baby_03.png);
#apDiv1 {
          position:absolute;
          width:202px;
          height:153px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:1;
          left: 41px;
          top: -1px;
#apDiv2 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:2;
          left: 480px;
          top: 148px;
#apDiv3 {
          position:absolute;
          width:200px;
          height:43px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:2;
          left: 254px;
          top: 2px;
#apDiv4 {
          position:absolute;
          width:200px;
          height:40px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:3;
          left: 285px;
          top: 2px;
#Layer1 #apDiv4 pre {
          font-family: helvetica;
          font-size: 18px;
          color: #EAEAEA;
#apDiv5 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:4;
          left: 588px;
          top: 135px;
#apDiv6 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:4;
          left: 539px;
          top: 80px;
#apDiv7 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:4;
          left: 537px;
          top: 62px;
#apDiv8 {
          position:absolute;
          width:549px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:4;
          left: 556px;
          top: 64px;
#apDiv9 {
          position:absolute;
          width:200px;
          height:115px;
          layer-background-color:#000;
          border:1px none #000000;
          z-index:5;
          left: 66px;
          top: 177px;
#menue {
          background-color:#2C2929;
          padding:1px;
          text-align:right;
          font-family:Arial, Helvetica, sans-serif;
body,td,th {
          font-size: 13px;
          font-family: Arial, Helvetica, sans-serif;
          color: #FFF;
          color: #FFFFFF;
#textone {
          font-family:Arial, Helvetica, sans-serif;
#Layer1 div #menue pre {
          font-family: Arial, Helvetica, sans-serif;
</style>
</head>
<div id="Layer1" style="margin-left:auto; margin-right:auto; width:938px; height:100%; z-index:1; layer-background-color: #9999FF; border: 1px none #000000;"><body text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="text-align:center; width: 938px;">
</div>
    <div id="menue">
      <pre>PORTFOLIO       RESUME       CONTACT</pre>
    </div>
    <img src="images/images/images/images/autumn_06.png" width="938" height="439" />
<div>
<table width="938" border="0" cellspacing="10px" cellpadding="0">
    <tr>
      <th scope="col"><p align="center">WHO I AM:</p>
      <p align="center">People often remark that I'm pretty lucky. Luck is only important in so far as getting the chance to sell yourself at the right moment. After that, you've got to have talent and know how to use it. - Fank Sinatra</p>
      <p align="center">Similar to Ol' Blue Eyes, I've got talent and I know how to use it. I'm an ambitious graphic designer from New York. I love design and am constantly learning more about this ever changing trade. I also dabble in scientific illustration and gardening.</p></th>
      <th scope="col"><p align="center">WHAT I DO:</p>
      <p align="center">I'm knowledgeable in Adobe Photoshop, Illustrator, InDesign, Dreamweaver, and Flash. I create print material, design logos, and build websites that stand out amoungst the rest. Currently an intern at Flourish Design Studio and a student a Marywood University, I have developed this site in order to showcase my work for future employers.</p>
      <p align="center">Some examples of my work can be found here.</p>
      <p align="center"><th scope="col"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 30000,
width: 250,
height: 300,
theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#0a8082'
features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
}).render().setUser('SaraLynnLuciano').start();
</script></th></p></th>
    </tr>
</table>
</div>
</div>
</body>
</html>

APDivs, oh my! I don't recommend building primary layouts with APDivs. In the long-run you will regret it. Here's why:
http://apptools.com/examples/pagelayout101.php
That said, wrap your content inside a #wrapper division that has a stated width in pixels, a margin-left and margin-right of auto, AND position:relative to contain those pesky APDivs.
CSS:
#wrapper {
position:relative;
width: 990px;
margin:0 auto;
HTML:
<body>
     
     <div id="wrapper>
          your page content goes here.....
     </div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Need help centering page

This page is just a baby but I'd like to get this figured out
before i get to deep into it. It's in php but only the swf menu at
the top is the consistent thing. the menu at the top will center.
the background and the sidebar will not. here is the code and a
link so you can see what I'm talking about.
www.mmdup.com/newindex.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style></head>
<body><?php include("menuhead.html"); ?>
<img src="images/bannerline.png" width="1000" height="5"
/>
<table width="191" height="533" border="0"
cellspacing="0">
<tr>
<td bgcolor="#779993"> </td>
</tr>
</table>
</body>
</html>
Thanks for any advice.

Here try this code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper">
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="1000" height="248" title="menu">
<param name="movie" value="bannermenu.swf" />
<param name="quality" value="high" />
<embed src="bannermenu.swf" quality="high"
pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="1000"
height="248"></embed>
</object>
<div id="main">
<p>Some text here</p>
</div>
</div>
</body>
</html>
aka Frenchy ASP
"vidfix55" <[email protected]> wrote in
message
news:[email protected]...
> This page is just a baby but I'd like to get this
figured out before i get
> to
> deep into it. It's in php but only the swf menu at the
top is the
> consistent
> thing. the menu at the top will center. the background
and the sidebar
> will
> not. here is the code and a link so you can see what I'm
talking about.
> www.mmdup.com/newindex.php
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style></head>
>
> <body><?php include("menuhead.html"); ?>
> <img src="images/bannerline.png" width="1000"
height="5" />
> <table width="191" height="533" border="0"
cellspacing="0">
> <tr>
> <td bgcolor="#779993"> </td>
> </tr>
> </table>
>
> </body>
> </html>
> Thanks for any advice.
>
>
>

Need help centering different sized images being loaded from a container

stop();
mainArea_mc.visible = false;
home_btn.addEventListener(MouseEvent.CLICK, function () { gotoAndStop("Home Template")} );
var totalImages:int = 0;
var imageDirectory : String = "";
var currentImage:int = 1;
var filePrefix : String = "";
var loader1 : Loader = new Loader(); // 2 loaders so we can fade an image on top of the other
var loader2 : Loader = new Loader();
pic_mc.addChild(loader1);
pic_mc.addChild(loader2);
loader1.name = "loader1";
loader2.name = "loader2";
loader1.contentLoaderInfo.addEventListener(Event.COMPLETE , resizeFadeImage);
loader2.contentLoaderInfo.addEventListener(Event.COMPLETE , resizeFadeImage);
info_mc.title_txt.autoSize = TextFieldAutoSize.LEFT;
if (presModeSlides) // Setup slide viewer vars
    totalImages = slides[currentSlideNumber].numSlides
    imageDirectory = "Data/slides/"+slides[currentSlideNumber].directory+"/";
    filePrefix = "slide";
    info_mc.title_txt.text = slides[currentSlideNumber].title
    info_mc.speaker_txt.text = slides[currentSlideNumber].speaker
    info_mc.university_txt.text = slides[currentSlideNumber].university
else // Setup picture viewer vars
    totalImages = 233;
    imageDirectory = "Data/pictures/";
    filePrefix = "picture";
    info_mc.title_txt.text = "3rd International BioPlex® 2200 User Meeting";
    info_mc.speaker_txt.text = "Pictures";
    info_mc.university_txt.text = "";
info_mc.speaker_txt.y += info_mc.title_txt.height; // Position sublines so they are directly under title
info_mc.university_txt.y += info_mc.title_txt.height;
leftArrow_btn.addEventListener(MouseEvent.CLICK, prevImage);
rightArrow_btn.addEventListener(MouseEvent.CLICK, nextImage);
showImage(currentImage)
function showImage(num:int)
    if (pic_mc.getChildIndex(loader1) > pic_mc.getChildIndex(loader2)) // Place the jpg into which ever container is on top at the moment
        loader1.load(new URLRequest(imageDirectory+filePrefix+currentImage+".jpg"));
    else
        loader2.load(new URLRequest(imageDirectory+filePrefix+currentImage+".jpg"));
function resizeFadeImage(e:Event)
    e.currentTarget.loader.alpha = 0;
    Tweener.addTween(e.currentTarget.loader, {alpha:1, time:0.4, onComplete: removeOtherImage , onCompleteParams:[e.currentTarget.loader]});
    e.currentTarget.loader.scaleX = 0.75;
    e.currentTarget.loader.scaleY = 0.75;
    var bitMap : Bitmap = Bitmap(e.currentTarget.loader.content);
    bitMap.smoothing = true;
function removeOtherImage(l:Loader)
    if (l.name=="loader1")
        pic_mc.setChildIndex(loader1,0);
        if (loader2.content != null)
            if (loader2.content is Bitmap)
                (loader2.content as Bitmap).bitmapData.dispose();
    else
        pic_mc.setChildIndex(loader2,0);
        if (loader1.content != null)
            if (loader1.content is Bitmap)
                (loader1.content as Bitmap).bitmapData.dispose();
function nextImage(e:Event)
    if ((!Tweener.isTweening(loader1)) && (!Tweener.isTweening(loader2)))
        if (currentImage < totalImages)
            currentImage ++;
        else
            currentImage = 1;
        showImage(currentImage);
function prevImage(e:Event)
    if ((!Tweener.isTweening(loader1)) && (!Tweener.isTweening(loader2)))
        if (currentImage > 1)
            currentImage --;
        else
            currentImage = totalImages;
        showImage(currentImage);

function resizeFadeImage(e:Event)
    e.currentTarget.loader.alpha = 0;
    Tweener.addTween(e.currentTarget.loader, {alpha:1, time:0.4, onComplete: removeOtherImage , onCompleteParams:[e.currentTarget.loader]});
    e.currentTarget.loader.scaleX = 0.75;
    e.currentTarget.loader.scaleY = 0.75;
e.currentTarget.loader.x = (stage.stageWidth-e.currentTarget.loader.width)/2;
e.currentTarget.loader.y = (stage.stageHeight-e.currentTarget.loader.height)/2;
    var bitMap : Bitmap = Bitmap(e.currentTarget.loader.content);
    bitMap.smoothing = true;

Can anybody help... I need to enable thumbnail preview in Win7 64bit

Can anybody help... I need to enable thumbnail preview in Win7 64bit
I have tried the Adobe regfix and no luck at all
Any assistance is greatly appreciated.

Yes, many of us know how to optimize pl/sql code. And yes, seeing the code is a pretty crucial component of optimizing it. However, seeing the code may be insufficient. A slow sql statement is not necessarily visibly different from a fast one.
I suggest that you pare your procedure down to the bare minimum that performs poorly and then post that. Of course by doing so you may well discover the problem yourself (which is how most of us learned).

Need help with centering my page

I have done everything I can think of, including going through the many posts here to try and correct this with no luck
Please look at:
http://ebnerproductions.com
and
http://ebnerproductions.com/index2.htm
The first was built with basically just html.
The 2nd was done "properly" I believe with CSS and HTML. The 2nd also has "div - #wrapper"
left and right margins are auto also... nothing changed.
Do I need to change something in the CSS from absolute, to fixed or inherit?
I am completely lost at this point and really really need help.
Thank you again in advance....
Adam Ebner

Your CSS is corrupted -
:visited {
    color: #6CF;<meta name="keywords"
(note the appearance of the meta tag within the :visited selector)
Fix that.
Then you would need to add this rule to the fixed CSS by changing this -
body {
    background-color: #EBEBEB;
    background-image: url(BG.jpg);
    margin-left: 75px;
    margin-top: 75px;
    background-repeat: no-repeat;
to this -
body {
    background-color: #EBEBEB;
    background-image: url(BG.jpg);
    margin-left: 75px;
    margin-top: 75px;
    background-repeat: no-repeat;
    width:1346px;
    margin:75px auto;
Then ask yourself how many people will even see this page center since 1346 is way wider than the average browser viewport width on most systems.

Spry Menu Bar issue, NEED HELP...???

Here is the coding for a menu bar that i created with CS3, for some reason i am having an issue when i open the web page in IE, on firefox and safari it looks fine, the menu drops down to sub menu's fine, but for some reason when i open it in IE, the submenu's show on the very top of the page rather than right below the menu itself, please check my coding and see if there is an issue???
i ran compatability and there are no issues shown.
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 10.4em;
    float: left;
    background-image: url(tab2.png);
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
    text-decoration: underline;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    background-image: url(../tab1.png);
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: default;
    padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    border-left-color: #0063bd;
    border-right-color: #0063bd;
    border-right-width: 3px;
    border-left-width: thin;
    font-family: Calibri;
    font-weight: bold;
    font-size: 19px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #000000;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #000000;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline-block;
    f\loat: left;
    position: relative;

Hey gramps, thanks for the info, i have updated my spry framework to 1.6.1 but the problem is still the same, i recreated my menu with the new 1.6 and it still doing the same thing, the submenu's are like vertically reversed... ugh need help.
here the new code
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 10.4em;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    background-image: url(../tab1.png);
    line-height: 18px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 19px;
    font-family: Calibri;
    font-weight: bolder;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #000000;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #000000;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;

I need Help with a website I've created

I need help with a website I've created (www.jonathanhazelwood.com/lighthouse) I created the folowing site with dreamweaver at my current resolution 1366 by 768. Looks great on my screen resolution but if it is viewed on other resolutions the menu moves and some of the text above and below. How can I keep all content centered and working like it does on 1366 by 768 on all resolutions. The htm to my site is below I started off with a blank template through dreamweaver CS5.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Lighthouse Church</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv12 {
    position:absolute;
    width:295px;
    height:23px;
    z-index:4;
    left: 198px;
    top: 1px;
#apDiv13 {
    position:absolute;
    width:135px;
    height:22px;
    z-index:5;
    left: 1001px;
    top: 3px;
#apDiv14 {
    position:absolute;
    width:309px;
    height:992px;
    z-index:1;
    left: 33px;
    top: 479px;
#apDiv15 {
    position:absolute;
    width:327px;
    height:999px;
    z-index:1;
    left: 324px;
#apDiv16 {
    position:absolute;
    width:262px;
    height:1000px;
    z-index:2;
    left: 674px;
    top: 477px;
#apDiv17 {
    position:absolute;
    width:85px;
    height:34px;
    z-index:1;
    left: -379px;
    top: 1001px;
#apDiv18 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:6;
#apDiv19 {
    position:absolute;
    width:168px;
    height:31px;
    z-index:3;
    left: 448px;
    top: 1451px;
#apDiv20 {
    position:absolute;
    width:94px;
    height:33px;
    z-index:3;
    left: 384px;
    top: 1477px;
body {
    background-color: #000;
    margin-left: 0px;
    margin-right: 0px;
#apDiv21 {
    position:absolute;
    width:920px;
    height:200px;
    z-index:4;
    left: 19px;
    top: 233px;
</style>
</head>
<body>
<div class="container">
<div class="content">
    <div id="apDiv5">
      <div id="apDiv16">
        <div id="apDiv17">
          <map name="Map2" id="Map2">
            <area shape="rect" coords="4,2,77,28" href="http://www.myspace.com/lighthousechurch1" />
          </map>
          <img src="paypal-donate-button.png" width="83" height="33" border="0" usemap="#Map" />
          <map name="Map" id="Map">
            <area shape="rect" coords="2,2,80,30" href="https://www.paypal.com/us/cgi-bin/webscr?cmd=_flow&SESSION=HgApKd0bxyPQv1ixwBW3HgWXaLxPIiT Po9gSsRELLQp72IZ2-_8uvSmCLRO&dispatch=5885d80a13c0db1f8e263663d3faee8d9384d85353843a619606 282818e091d0" />
          </map>
        </div>
      </div>
      <div id="apDiv21">
        <blockquote>
          <blockquote>
            <blockquote>
              <blockquote>
                <blockquote>
                  <blockquote>
                    <p><img src="faithexplosion.png" width="314" height="225" /></p>
                  </blockquote>
                </blockquote>
              </blockquote>
            </blockquote>
          </blockquote>
        </blockquote>
      </div>
      <div id="apDiv14">
        <div id="apDiv15">
          <div>
            <div>
              <p> Special Message from Perry Stone </p>
              <h2> Was Jesus Born on December 25?</h2>
              <p> 12/20/2010 </p>
              <p><img alt="iStock_000003631829XSmall" src="http://www.voe.org/images/iStock_000003631829XSmall.jpg" width="300" height="234" /></p>
              <p>Last   year, in response to the growing number of Christians who celebrate   Hanukkah but hate Christmas, I wrote an article for this website titled   “Hanukkah or Christmas?” I explained why I think Jesus was either   conceived or birthed on December 25.</p>
            </div>
          </div>
          <div>
            <div><a href="http://www.voe.org/Prophecy-Update/what-happened-to-global-warming.html"> READ MORE</a>
              <p> Prophecy Update </p>
              <h2> What Happened to Global Warming?</h2>
              <p> 12/17/2010 </p>
              <p> </p>
            </div>
          </div>
          <div>
            <div></div>
          </div>
          <div>
            <div></div>
          </div>
        </div>
        <div>
          <p><font size="2">Special Word</font></p>
          <p><font size="2">January 7th, 2011</font></p>
          <p> <font size="2">Dear Viewers:</font></p>
          <p><font size="2">We have now entered into one of the most trying times; but also one of the most glorious            times in church history. Many things are coming upon the world and also upon the church and we (the church) must be totally            prepared to take up our cross daily and venture out into the lost and</font></p>
          <p> <a href="http://sermon.lighthousechurchinc.org/2011/01/07/special-word-1711-evangelist-barbara-lync h.aspx" target="_parent">Click Here for More</a></p>
        </div>
        <p> </p>
        <div></div>
        <div>
        </div>
        <div></div>
        <p> </p>
      </div>
      <img src="lighthousegraphic2.jpg" width="960" height="1509" />
      <div id="apDiv20"><img src="myspacebutton.jpg" width="89" height="30" border="0" usemap="#Map3" />
        <map name="Map3" id="Map3">
        <area shape="rect" coords="3,2,87,28" href="http://www.myspace.com/lighthousechurch1" />
      </map>
</div>
    </div>
<p> </p>
</div>
</div>
<div id="apDiv10"><font size="1"><font color="#FFFFFF">Copyright 2011 The Lighthouse Church Inc.</font></font></div>
<div id="apDiv11">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">Home</a>    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Our Pastor</a>
      <ul>
        <li><a href="#">Fresh Word</a></li>
        <li><a href="#">Itinerary</a></li>
        <li><a href="#">Prophetic Word</a></li>
        <li><a href="#">Sermons</a></li>
        <li><a href="#">Special Words</a></li>
        <li><a href="#">Word of Month</a></li>
      </ul>
    </li>
    <li><a href="#">Men Ministry</a></li>
    <li><a href="#" class="MenuBarItemSubmenu">Ministers</a>
      <ul>
        <li><a href="#">Chris Gore</a></li>
</ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Our Church</a>
      <ul>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Donate</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">Our Store</a></li>
        <li><a href="#">Prayer Request</a></li>
        <li><a href="#">Salvation</a></li>
        <li><a href="#">Subscribe</a></li>
        <li><a href="#">Vision</a></li>
        <li><a href="#">We Believe</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
      <ul>
        <li><a href="#">Prepare for Disaster</a></li>
        <li><a href="#">How to Fast</a></li>
        <li><a href="#">Heaven & Hell</a></li>
        <li><a href="#">Warfare Prayers</a></li>
        <li><a href="#">Wisdom Words</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Prophetic</a>
      <ul>
        <li><a href="#">Article Archive</a></li>
        <li><a href="#">Audio Prophecies</a></li>
        <li><a href="#">Color for Year</a></li>
        <li><a href="#">Major Articles</a></li>
        <li><a href="#">Prophecy Archive</a></li>
        <li><a href="#">Prophetic Articles</a></li>
        <li><a href="#">Word for Year</a></li>
      </ul>
    </li>
</ul>
</div>
<div id="apDiv12"><font size="1"><font color="#FFFFFF">6 South Railroad Ave Wyoming,DE 19934</font></font></div>
<div id="apDiv13"><font size="1"><font color="#FFFFFF">Phone:(302) 697-1472</font></font></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Look at all the apdiv's you have. Those are absolutely positioned layers. I'm assuming by your post that you are very new to Dreamweaver and HTML and CSS. I would highly recommend not using absolutely positioned layers until you have a better grasp on HTML and CSS.
Looking at your code I would suggest that you consider using one of Dreamweaver's built in, or downloadable templates as a starting point and work from there.
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html

Need Help/Advice with Photo Web Gallery coming from SQL Database

This is my first attempt at a database driven website. I assume what I am trying to accomplish should be fairly easy for more experienced but I am stuck at this point.
First, let me explain what I am trying to accomplish.
I want to create a thumbnail photo gallery displayed in columns and rows. I want to be able to hover over or click on the thumbnail image and have a lightbox script display the image over the thumb page. I am developing locally right now with intent to upload to the hosting site upon completion.
I am developing with ASP vbScript pages. I have an SQL database where the paths to the image thumbnails and pictures are stored in a table. On the gallery page, I have created a div tag to hold my image recordset. Within this div, I have inserted 3 absolute positioned divs to hold the pictureID, the pictureName and the image inserted as a datasource. I then inserted the information from the bindings panel of my recordset. Last, I used a horizontal looper extension from Tom Muck to get the thumbnails to display in columns and rows. Everything works up to this point just fine.
Now, I want to be able to hover or click on a thumnail image and have it displayed in a lightbox. I downloaded and used a javascript called Lightbox 2 which contains 3 javascript files and a css stylesheet. I inserted the files into the head tag like instructed to but could not get things to work properly. Here is where I need help. Currently, I am clicking on the thumbImage binding within the image Div and creating a link holder. I am then binding the larger pictureImage to it with the a.href selected in the bind to. I am then adding the command to call the lightbox javascript. Now, when I test my page, my thumbnail images do not show up (my alt text does in its place) but the links are in place and you can click on the alt text and it will return the correct larger image, but not in the lightbox, just in a new window with no styles.
Am I going about this correctly? Can you use lightbox scripts with data-driven galleries? Does anybody have any suggestions of what I may be doing wrong or missing? Are there better ways to go about accomplishing this?
Any help would be appreciated as this dynamic data thing has my head spinning. Although I know a database is needed to simplify the update and maintenance of the photos while allowing them to be searchable by keywords and tags also set up in the database.
Thanks

As I explained, I am developing locally a the moment. I will see about getting the databased moved up to the hosting server and then provide a link for an example.
In the mean time, can you or anyone else explain a way that you would go about displaying an image thumbnail photo gallery laid out in rows / columns, with any lighbox script that would overlay the larger image over the existing page instead of opening a new browser window?
I don't have to use the method I tried to describe.
In all of the lightbox examples I have looked at thus far, they give instructions on how to append that javascript to a single static image or a group of static images, not images from a datasource. That is where I am getting confused.
Don't know if this will help or not but please see code below:
Javascript and CSS positioned in head tag

<link href="CSS/lightbox.css" rel="stylesheet" type="text/css" />
<script src="Scripts/protype.js" type="text/javascript"></script>
<script src="Scripts/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="Scripts/lightbox.js" type="text/javascript"></script>

Calling for javascript in the galleryimage div when hovering over thumbnail image
    
    <div id="gallery">
      <p>
        
      </p>
      <table width="400" border="0" align="center" id="galleryNav2">
        <tr>
          <td width="100" align="center"><% If MM_offset <> 0 Then %>
              <a href="<%=MM_moveFirst%>">First</a>
          <% End If ' end MM_offset <> 0 %></td>
          <td width="100" align="center"><% If MM_offset <> 0 Then %>
            <a href="<%=MM_movePrev%>">Previous</a>
          <% End If ' end MM_offset <> 0 %></td>
          <td width="100" align="center"><% If Not MM_atTotal Then %>
            <a href="<%=MM_moveNext%>">Next</a>
          <% End If ' end Not MM_atTotal %></td>
          <td width="100" align="center"><% If Not MM_atTotal Then %>
            <a href="<%=MM_moveLast%>">Last</a>
          <% End If ' end Not MM_atTotal %></td>
        </tr>
      </table>
      <p> </p>
      <table align="center" id="HorzLooper">
        <%
startrw = 0
endrw = HLooper1__index
numberColumns = 5
numrows = 5
while((numrows <> 0) AND (Not rs_ssfGallery.EOF))
startrw = endrw + 1
endrw = endrw + numberColumns
%>
        <tr align="center" valign="top">
          <%
While ((startrw <= endrw) AND (Not rs_ssfGallery.EOF))
%>
          <td><div id="galleryImage">
            <div id="galleryThumb"><a href="images/pic/<%=(rs_ssfGallery.Fields.Item("picture_url").Value)%>"rel="lightbox"><img src="images/thumb/<%=(rs_ssfGallery.Fields.Item("thumb_url").Value)%>" alt="<%=(rs_ssfGallery.Fields.Item("alt_url").Value)%>" /></a></div>
            <div id="galleryImageID"><%=(rs_ssfGallery.Fields.Item("picture_ID").Value)%></div>
            <div id="galleryImageFamily"><%=(rs_ssfGallery.Fields.Item("family").Value)%></div>
          </div></td>
          <%
startrw = startrw + 1
rs_ssfGallery.MoveNext()
Wend
%>
        </tr>
        <%
numrows=numrows-1
Wend
%>
      </table>
      <p> </p>
      <table width="400" border="0" align="center" id="galleryNav">
        <tr>
          <td width="100" align="center"><% If MM_offset <> 0 Then %>
              <a href="<%=MM_moveFirst%>">First</a>
          <% End If ' end MM_offset <> 0 %></td>
          <td width="100" align="center"><% If MM_offset <> 0 Then %>
              <a href="<%=MM_movePrev%>">Previous</a>
          <% End If ' end MM_offset <> 0 %></td>
          <td width="100" align="center"><% If Not MM_atTotal Then %>
              <a href="<%=MM_moveNext%>">Next</a>
          <% End If ' end Not MM_atTotal %></td>
          <td width="100" align="center"><% If Not MM_atTotal Then %>
              <a href="<%=MM_moveLast%>">Last</a>
          <% End If ' end Not MM_atTotal %></td>
        </tr>
      </table>

    </div>
    
Thanks for any help or suggestions.

Need Help Centering Thumbnails!

Similar Messages

Maybe you are looking for