Centering photos on gallery pages

I've searched and googled and haven't found an answer to my problem.
I'm creating some gallery pages directly in iWeb (don't use iPhoto). They seem to look pretty good with one problem, they align the bottom of each image instead of centering. The page would look much better if the images were centered vertically in relation to each other.
Here's an example
http://www.cwaynefox.com/WayneFox/Gallery/Pages/Web_PageImages.html
Is there anyway to do this?

I wish I could help, but I also REALLY REALLY want to be able to fix this problem also.
The page looks especially awful when you have horizontal and vertical photos combined.

Similar Messages

Cant move position of photos on gallery page

Hi there,
I am new at iweb this being my first project.
I cant seem to move the gallery towards the top of the page.
Can anyone please help?
http://www.mazecatering.com.au/Maze_Catering/Gallery.html
Also, all my text has skewed on this page for some reason:
http://www.mazecatering.com.au/Maze_Catering/Menu_7_Hills.html
Any ideas?
Thanks!

your left side bar is in the header_layer, which pushes the body_layer and footer_layer downward.
iweb does not allow photos grid to be moved into header_layer section, so you have to move the side bar into to body_layer section.
in iweb, do menu --> view --> show layout or command + shift + L
and you will see two thin lines across the page, they are marker for header_layer, body_layer and footer_layer.

Photo gallery Pages cant go "Under" another page or have i missed something

Seems any Photo Gallery page you make always stays at the top level. You don't seem to be able to make say a blank Page and create 3 gallery pages UNDER that page.
What I'd like to do is create a top page called Photo Galleries and in there put 3 photo gallery pages
One called Picture Art, One Garden Art and one Commisioned. UNDER each of these pages I'd like to have 3 Galleries.
The reason I want to do this is to make it easier for people to find exact catagories when they visit my site.
Message was edited by: slipstream

You don't seem to be able to make say a blank Page and create 3 gallery pages UNDER that page.
Yes, you can.
Add a My Photoalbum page. In it you can add photopages.
You can drag existing photopages into the My albums page.
It's all there. Visible and ready to use.
http://www.apple.com/ilife/tutorials/#iweb-photoalbum

Photo gallery page from iWeb '08 doesn't work for Mac OS X 10.3.9 user?

I have recently published a photo gallery page with comments on using iWeb '08 (latest update). Displays fine for me and apparently a lot of other mixed-platform users. But one user is saying that his eMac with Mac OS X 10.3.9 and the Safari of the day don't display the pictures. He gets the banner and background image for the gallery, but not the actual pictures. I asked him to try Firefox, but so far no reply on that.
Do the older versions of Safari work with content from iWeb '08?

QuickTimeKirk wrote:
The only thing missing when viewed using older browsers is those features that require newer Web browser software.
It was no different when AOL went from version 3 to version 4.
The very complex javascript files written by iWeb 2 still allow older browsers view (limited features) view the basic parts of your pages.
Unfortunately this is not true. On an iMac G4 10.3.9 using Safari you cannot even view the photos, the photo page or even the web gallery itself. You just get a warning. Had I known that my friends and family would have a problem viewing photos I would have passed on the update. I don't expect my Father to upgrade his system to view photos from the "user friendly" Apple programs. That's why we got him an iMac to begin with. I find iLife 08 a very poor release from Apple and more trouble than it is worth.
It was no different when AOL went from version 3 to version 4.
I didn't know AOL even still existed, that alone upgraded!? (haha)
+The images should load but many of the Web 2.0 features will not work (image rollover viewing, changing dimensions or background colors).+
But Kirk, they don't, none of them! and this kind of stuff just seems crazy to some of us. I wish that Apple would TELL US or advertise the facts like, Oh, you only get ONE gallery for each user on Web Gallery (useless) and Oh, you will not be able to edit 06 iWeb pages with 08 iWeb and the iLife 08 version of iPhoto you will not be able to view these galleries without upgrading to the latest Safari web browser. Yes we always expect some bugs with a major update but this is getting ridiculous.
I have not yet had anybody try downloading the newest version of Firefox that will work with 10.3.9. Do you know if that will make a difference? Thanks for your help.

Photo Gallery Page

I'm creating a photo gallery page for a site.... I have my 12
thumbnails (70 x 70) in a table. To the right is a 260 x 260 layer
in which to view the photo full size. I want to have the full size
photo appear in this layer when the viewer mouses over the
corresponding thumbnail. Is this accomplished using javascript?
I've seen this on other sites. Can anyone suggest a tutorial or
other help? I considered the Flash / XML method but I don't want a
slideshow. Please help.

It can be accomplished using CSS and javascript
highlight the thumbnail and use behaviors to "show or hide
layers". You will need to place the correct image in each layer
(I know that a lot of people do not like layers but it works
for this example. just fine I have had no problems) (but it is
confusing)
here is an example
http://www.storyartstation.com
here is a tutorial
http://www.maagraphics.com/tutorials/show-and-hide-layers-in-dreamweavermx.htm

SWF into photo gallery page, but thumb links stopped

(PC question). I have a swf header for several web pages, and want a gallery page with the same header. (The header links work fine). The following is a portion of ThumbnailFrame.htm showing how I put the SWF in (using parts of the SWF htm). The page worked fine until the swf was added. Am I going about this wrong? Should I be trying to add the gallery index.htm to the header?? I'm many hours into this and stumped!<br /><br />Ideally, I would like to do the HTML code in the custom gallery style.<br /><br />All of this from PSD 7.0, Flash 8.<br /><br /><BODY bgcolor="#006600" leftmargin="20" marginwidth="20" topmargin="0" marginheight="10" text="white" link=#000000 vlink=#b8860b alink="#ffd700"><br /> <br /><div align="center"><br /><br /><body bgcolor="#006600"><br /><br /><a href="Index.htm"></a><br /><a href="Gallery.htm"></a><br /><a href="About.htm"></a><br /><a href="Biography.htm"></a><br /><a href="Contact.htm"></a><br /><br /><br /><br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7 ,0,19,0" width="750" height="159"><br /><br /><param name="movie" value="Gall_Head_FLA.swf" /><br /><br /><param name="quality" value="medium" /><br /><embed src="Gall_Head_FLA.swf"<br />pluginspage="http://www.macromedia.com/go/getflashplayer" /><br /></object><br /><br /></div><br /><div align="center"><br /><br /> <table border="0" cellpadding="0" cellspacing="10" width="100%"><br /> <tr valign="bottom" align="center"> <br /> <br /><td align="center"><br /><br /><a href="pages/001.htm" target="Top Frame"><img src="thumbnails/001.jpg" border="1" alt="001"></a><br><br><a href="pages/001.htm" target="Top Frame"><FONT size="2" face="Arial" >001.jpg</FONT></a><br /></td> <br /><td align="center">

I've read in this forum that Aperture has a setting to make it's photos available to other iApps, see this post, via the Media browser but not galleries created by it in the Web Snippet menu, see the last post in this topic.
Submit a feature request to both iWeb and Aperture at:
http://www.apple.com/feedback/iweb.html
http://www.apple.com/feedback/aperture.html

Movie file on photo gallery page

I added a small movie file to the bottom on a photo gallery page. That works out fine, but then the same movie displays at the bottom of each page when individual images are displayed, which I don't want.
I know that it's all one page under the hood... but is there any way to add a movie so it just shows under the gallery thumbnails?

I would happily have a thumbnail pointing to the movie file but if I drag the movie into the gallery section it just lands on top of all the thumbnails.
Drag the movie from the mediabrowser or desktop into the photogrid.
That's the eternal frustration of iWeb... you can produce great looking pages but as soon as you want to step outside its narrow box you run into a brick wall.
Au contraire.
Accept the limitations of iWeb and look beyond them.
Outside your box is a universe with unlimited possibilities. Unfortunately it requires knowledge. Which requires study. Which requires effort.
The world is larger than iLife. You are in control.
For your eternal pleasure, step outside your narrow box and visit me behind the brick wall @ http://www.wyodor.net
+I do not receive any pecuniary compensation whatsoever for my advice.+

How do I center objects (photos and animations) so they stay centered with the other page elements?

How do I center objects (photos and animations) so they stay centered with the other page elements?

Geez .. Your class doesn't fulfill the javabean specifications. The properties should not be public.
It should rather look likepublic class TheAddress {
    // Properties ---------------------------------------------------------------------------------
    private String address1;
    private String address2;
    // Constructors -------------------------------------------------------------------------------
    public TheAddress() {
        // Default constructor.
    public TheAddress(String address1, String address2) {
        // Full constructor.
        this.address1 = address1;
        this.address2 = address2;
    // Getters ------------------------------------------------------------------------------------
    public String getAddress1() {
        return address1;
    public String getAddress2() {
        return address2;
    // Setters ------------------------------------------------------------------------------------
    public void setAddress1(String address1) {
        this.address1 = address1;
    public void setAddress2(String address2) {
        this.address2 = address2;
}

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.

How do I correctly update images on my Gallery page in Adobe Muse 2011-2013?

I am trying to update images on my Gallery page at: www.glennmcfall.com. When I add new images those new images are not active. When I click on the thumbnail (when I use Preview Page in Browser) the slideshow image appears , when I click on that image a larger image or video should appear but doesn't. I noticed when an image is active an image of a hand appears when hovering over the art/photo/video but this hand does not appear when I am trying to access the largest image. What do I need to do to correct this? I am using Adobe Muse 2011-2013 version.

Hi
Can you provide steps to follow for replication ?
I checked the site , but which thumbnails exactly shows this behavior etc ?
Thanks,
Sanjit

In putting together a book I can move photos onto a page and enlarge the picture but is there a way to reduce the picture size? some cases I want a smaller picture and if I change the size of the picture box I only get a portion of the image. I wnt to red

picture size...in putting together a book I can move photos onto a page and enlarge the picture but is there a way to reduce the picture size? some cases I want a smaller picture and if I change the size of the picture box I only get a portion of the image. I want to reduce the image to fit the size of the box.

If you right click on the image on the page in the context menu select photo box alignment and then select one of scale to fit {centered, Left-aligned, Right-aligned}
That should do what you are loking for.

IWeb and galleries - Why cant I make a gallery-page??

Hello! I'm new to Mac (Just bought an MacBook) as well as iWeb. I have pictures from 6 different holidays which I would like to post on the iWeb-site I'm creating at the moment. Is the only solution to make 6 gallery pages right along side the main pages, such as "Welcome", "CV", "blog" and so on? I'm looking for something like a "Gallery page" where you click on a holiday (Icon or picture), which takes you to a page where you can check the photos or watch a slideshow. I've tried a bunch of times, but it won't work, which is why I'm asking out here!
I hope somebody can help me
Thanks either way
Anders
MacBook Mac OS X (10.4.8)
MacBook Mac OS X (10.4.8)

Check out this idea from the .Mac Blog...I think it will suit your purposes perfectly and AUTOMATICALLY via iPhoto and iWeb!
http://www.mac.com/web/en/Tips/013C4180-4787-4847-BAAB-319222AFC652.html
Please note, you must have your photos organized into your desired albums in iPhoto. Otherwise, this will create everthing for you! And it won't clutter up your navigation menu!

How to do a video gallery page

Hi everyone
when you create a new page iWeb lets you choose from some preset pages like the homepage, the blog, the video and the photo gallery.
But the video page lets you put one or more videos in just one page.
If you have many videos and you want to divide them in different categories like the photo gallery page do for photos, how can you do it?
If you select the photo gallery and if you put videos instead of photos from your iTunes inside of it, it seems to do the job, but I can't use this trick cause I have not enough hosting space to store the videos, and infact I uploaded them in youtube and with the youtube widget the photo gallery doesn't work and shows nothing...
Did someone know how to create a video gallery page (or something like that) with videos from youtube?
Thanks
Message was edited by: PaoloPhino

This is one way you could do it: PhotoPresenter Animated Slideshow Themes. The thumbnails can be as small as you'd like. This way none of the video files have to load before they play button is selected. Otherwise the page would take forever to load.
How the button is created is described in this demo page: Opening Item in a New, Precisely Sized Window
OR you could use a video jutebox like the one on this page: http://www.holyredeemernorthbend.org/HRWeb/Our_Videos.html.
His tutorial on how to implement it is here: http://www.holyredeemernorthbend.org/HRWeb/jukebox.html.
OT

Photo album & gallery views mess up with links and lay out

Hi,
Am having a weird problem in album/gallery function.
I added links on the album page, but after viewing the gallery, reverting back to the album the link stopped working (main problem), and in the gallery page the link does not appear in cases or is lay-outed very close and then more below.
Obviously I tried already by duplicating my 2 pages that work quite well and remake the other pages, but the problem persists.
Anybody can help ?
Following is a description:
http://web.mac.com/drieke.tom/Caravanserai/Gilles_works.html
Album view is fine, link at the bottom works.
Click through to gallery of photos: link at the bottom of page is gone.
Going "Back to Album": link at bottom does not work
On following page s. th similar happens
http://web.mac.com/drieke.tom/Caravanserai/collaboration_works.html
Click through to gallery of photos: link at the bottom of page does work, but is now much lower on the page.
Going "Back to Album": link at bottom does not work
In my other similar pages it works,
though there are some minor gliches as well:
1/
http://web.mac.com/drieke.tom/Caravanserai/Tom_works.html
You click a photo in the album and it shows the enlargened photo with tumbnails. Though my link at the bottom is very close to the photo.
Browse through the photos and when you do "Back to Album", it goes back to the album at once, and with my link at the bottom, it reverts to the main page: "Exhibition"
2/
http://web.mac.com/drieke.tom/Caravanserai/Gilles_press.html
In photo gallery mode, link at bottom is there and works, but very close to photo title.
Going "Back to Album": link at bottom does work !!
WHAT GOES WRONG ?
ANYBODY CAN HELP ?
Thanks
Tom

Tom:
Have you tried doing a "Publish All to .Mac" or publishing to a folder on the desktop and seeing it things work there. Often the Publish All will fixe issues I'm having.
OT

I created a website with iWeb but use GoDady for hosting it rather than MobileMe. The images on my Gallery page do not show at all on the external domain but they DO show when seen on MobileMe. Has anyone encountered this problem before? Many thanks!

Hello al!
I created a website with iWeb but use GoDady for hosting it rather than MobileMe. The images on my Gallery page do not show at all on the external domain but they DO show when seen on MobileMe. Has anyone encountered this problem before? Many thanks!

Just create a new page (or use the existing photo page) on your external site and use html to add an iframe sized to the page and link it to the mobilme gallery page. Works for me just fine when showing my gallery from a yahoo site.
like this
<iframe scrolling="off" allowTransparency="true" frameborder="0" scrolling="yes" style="width:100%;height:100%;border:none" src="http://gallery.me.com/your_account_name"></iframe>

Centering photos on gallery pages

Similar Messages

Maybe you are looking for