Centering an image in the Spry photo album in Dreamweaver?
Hello,
I made my own photo gallery in Dreamweaver using this tutorial (http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html)
I got everything to work beautifully but I don't know how to get my images to center in the main div container.
Some are vertical and some are horizontally so I am trying to make sure they all center in the div container instead of defaulting to the top left of the container.
Any suggestions??
Thanks in Advance!
Natalie
Once again with out seeing the code it is rather hard to give you a precise answer. However, find the div that surrounds all your content for the page and if it has a fixed with in your css then simply add margins to center it or if you don't have a surrounding div simply add one...example:
html:
<body>
<div id="content">
Page content
</div>
</body>
CSS:
#content{
width:900px;
margin: 0 auto;
a left and right margin of auto will center your div within the browser.
Similar Messages
-
Spry photo album displays in Safari not in IE
I used the article
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
as a guide to build a spry photo album for a pool & spa web
site. The photo album displays perfectly in IE when I preview it
locally. However, when viewing the photo album after uploading to
server, the photo album does not display. To make the problem more
confusing, when I use safari to view the photo album it works
perfectly on the server. What have I done wrong to make it work in
Safari and not IE? I need it to work in IE. I have cross checked
the code dozens of times trying to find the problem with no luck. I
need some direction please.
Here are the files in question:
http://www.lagobellopools.com/free-form-pools.php
http://www.lagobellopools.com/free-form.xml
http://www.lagobellopools.com/styles.css
Many thanks in advance for your response!When validating
http://www.lagobellopools.com/free-form-pools.php
I get these error's in dreamweaver and at W3C;
The tag: "div" doesn't have an attribute: "spry:region" in
currently active versions.[XHTML 1.0 transitional]
The tag: "img" doesn't have an attribute: "spry:repeat" in
currently active versions.[XHTML 1.0 transitional]
The tag: "div" doesn't have an attribute: "spry:detailregion"
in currently active versions.[XHTML 1.0 transitional]
Could this be why it works in firefox and Safari and not
Internet Explorer? I am perplexed as to why the spry photo album
will work in all browers except IE. It will only work in IE
locally. What am I missing? If anyone has any ideas at all please
let me know. Does anyone have a working example of the spry photo
album in Internet explorer? -
The web photo album command needs some improvement
First I'd like to thanks for the
web
photo album command embed with Dreamweaver. My job requires me
create photo albums with thousands of pictures, it saves a lot of
time for me.
Now I'd like to ask someone to improve this fuction. I need
to click the thumbnails on the index page to pop-up a window that
show up the detail picture page (If I can key in the pop-up window
size in the command UI will be perfect). Currently this album
generator only links to the large picture's page. I need to make
them to a pop-up window for each manually (thousands of them).
I tried
Web
Photo Album 2.2 for Dreamweaver 8 and MX 2004, V2.2.6, it
doesn't have this function either. Compare to the web photo album
command in Dreamweaver, it can't generate filename to caption in
the detail picture page automatically (You can key in captions in
Fireworks manually though).
If someone can improve the web photo album command to pop-up
window available, I think use "close window" link instead of the
link to the album index page in the detail picture's page will be
helpful.On 19 Sep 2006 in macromedia.exchange.extensions.dreamweaver,
moonjeep
wrote:
> If someone can improve the web photo album command to
pop-up window
> available, I think use "close window" link instead of
the link to
> the album index page in the detail picture's page will
be helpful.
Not free, but if you do photo albums regularly, you might
like:
http://projectseven.com/products/galleries/hgmagic/
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/email.php -
I wanted to create a photo album on dreamweaver with the same style as the ones in iWeb, does anyone know a site to do this or a way to transfer the album to dreamweaver?
Excellent suggestion! I regularly post in those forums too, so I thought I might offer help here, but http://forums.adobe.com/community/dreamweaver?view=discussions would be the best place for a Dreamweaver question.
Nancy O, Murray Summers or Mark Hollis there can be of plenty help. -
How can I create a photo album on Dreamweaver CS4?
How can I create a photo album on Dreamweaver CS4? The button that is supposed to do this (Commands>create photo album) is disabled.
Hi Nancy, Thank you for your help. Do you have any idea why the button that creates photo albums in my version of Dreamweaver CS4 is disabled?
Thank you, Date: Sat, 19 Jan 2013 12:29:48 -0700
From: [email protected]
To: [email protected]
Subject: How can I create a photo album on Dreamweaver CS4?
Re: How can I create a photo album on Dreamweaver CS4?
created by Nancy O. in Dreamweaver General - View the full discussion
DW is web authoring software. It's not a photo gallery creation tool. You can build your own own web gallery with HTML or PHP, CSS & JavaScript. http://alt-web.com/GALLERY/Gallery.php Or you can use commercial products to help you. Project Seven's Image Gallery Magic 2:http://www.projectseven.com/products/galleries/igm2/index.htm jAlbumhttp://jalbum.net/ Nancy O.
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5007136#5007136
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5007136#5007136
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5007136#5007136. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver General by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746. -
Creating a Photo Album In Dreamweaver MX 2004
I followed the steps to create a web photo album using
Dreamweaver MX 2004 and Fireworks and it creates it. However, I
can't get it to display on the web when I upload it. It displays
the message "Page can not be found". Please help!I think the fact that you have spaces in your files/folder
names is bound to
have created problems. I suggest you do some renaming and
re-upload.
BTW it is incredibly difficult to access pages on the site.
If Alan hadn't
put the link in I would have given up.
Jo
"Alan" <[email protected]> wrote in
message
news:C0D03CEE.295268%[email protected]..
>
>
>> Ithe link is on my Events page. you can get to it by
entering the site
>> and
>> clicking the events link.
>
>
http://www.arelevantministry.com/photo%20album/index.htm
>
> have you selected and PUT all the files?
>
> find "photo%20album" folder, select and Put it.
> do all the files transfer?
>
>
> -
Online Photo Albums With Dreamweaver/FireWorks
I try to make an online photo album with dreamweaver and fireworks and it says an "internal error occured" and wont work. Any idea wha the problem is?
Hi,
I am really not sure why you would have that problem. If there is any way you can explain what you did exactly in your coding.
Are you trying to do this in your website?
http://blogger-templates.blogspot.com/2005/09/flash-slideshow.html
If you are trying to do a photo album there are several tutorials online that help you out(are you trying to use Flickr?). I personally make my own photo slideshows using Flash.
Let me know how it goes,
Vicente Tulliano -
How do I get the new photos albums from my imac to sync to my iphone?
Last week my iMac did the software update that replaced iPhoto on my iMac with the new Photos application.
Since then, I have migrated all my iphoto library to the Photos library and have been able to further sort my photos in the albums area.
I have backed up my iPhone 6, and then completed a sync so it would be updated accordingly with the photos app as opposed to the previous iPhoto app. In iTunes everything looks fine, in Photos everything looks fine, and there was a bit of a hiccup once or twice with trying to complete the sync process (although I imagine this was simply due to the mere nature of the number of images have to sync as I do photography and I model so over 32000 photos to sync). Finally I was able to complete the sync process, and all seemed fine.
I then went in to Photos app on the iPhone 6, and all the photos are there, all the albums are there, but all the albums are empty even though the photos are on the phone in the photos sections???
I would really like to know how to get the albums to sync properly to my iPhone 6 from an iMac, does anyone know what to do?
Also, my iPhone since then has been dropping battery life significantly and getting very warm over short periods of time, but I have had no applications open, the phone has not been in use at the time and has been locked screen.
Any help would be greatly appreciated.Synced photos can only be deleted by syncing again with iTunes and deselecting all synced items.
See: iTunes: Syncing photos -
Image storing algorithm at photo album sites
Hi there;
I am coding a image storeing website... Photo albums etc.But storing them in a folder system is getting complex for me... Whats the best way of storing image to folders?
What i did up to now is: every member has its own main folder named with hex numbers... and i rename the uploaded images with hexnumbers again...
The result is like:(first one is user-hex /second one is image-hex.jpeg)
4324AFC3BC2390DE / 45F83AECB43B2A.jpeg
its an unprofessional but simple working way...hard to predict the image hex if the image is published as private picture...
If the user has 2000 photos it maybe hard for a single folder to index the photos...
When i look at professional photo album sites webshots.com or flickr...
Image folders are like 67/434/4543/345/4534/5443F432ACD342.jpeg
so there are too many subfolders...But whats the logic and algorithm behind..How do they name these subfolders?how do they group images in folders?
What can i do with JAVA with best performance on heavy traffic?The archiving mechanism must be fast on indexing and good for maintanance
Please give me ideas or refer me some web links
thank you
BuraKIf you are using a database to store information about the image then you can use the primary key (or an obsfucated version of it) as the name of the file.
That way when you move images between folders/groups you don't have to move the physical file as its primary key stays the same. All that is needed is a DB update to change the folder/group relationship in the table.
A side note: Many file systems have severe performance problems if you store too many files in a single directory. Subdirectories can really help. Use part of the primary key as a directory name and the rest as the file name.
matfud -
Spry Photo album not working with spry accordion
I am trying to get a photo album to work in the spry
accordion - so that each panel you click on the accordion is a new
photo subject (ie waterfalls, sunsets ect) but it does not work
well. Both the thumbs and the main picture are visible through all
the accordion panels instead of the one I put it in. Any ideas why
it might not work? Would you need to see my code?
Thanksoh, you can see the website at http://redesignsbyava.com
-
OK, now I tried to make my own spry photo album
but when I tried to name my own images and substitute their
names in the xml code in the following manner:
<photo
path = "travel_01.jpg" //changed to "buildings_01.jpg"
width = "263"
height = "350"
thumbpath = "travel_01.jpg"
thumbwidth = "56"
thumbheight = "75">
</photo>
<photo
path = "travel_02.jpg" //changed to "buildings_02.jpg"
width = "350"
height = "263"
thumbpath = "travel_02.jpg"
thumbwidth = "75"
thumbheight = "56">
</photo>
the photo album didn't work... does anyone know why?
thank you for your help in advance
Betsy w.The other important thing is that the <img src path
matches your folder structure.
In our gallery samples, we are dynamically generating the img
path with data references. I would start by hardcoding an image
path that works, so you know your path is correct. Then replace the
image name with the data reference.
<img src="mypath/totheimage/travel_01.jpg">
When that works, then change to:
<img src="mypath/totheimage/{@path}">
Let me know if that helps.
Don -
The removed photo albums in iWeb are not removed from my website.
I have removed a few photo albums from my web site in iWeb and added none. When uploading the changes to my website it still shows all the albums only the links of the removed albums are not valid any more.
How can I get the albums completely removed from my site via iWeb?Welcome to the Apple Discussions. You are hosting your site on a MobileMe account, correct?
Try publishing the entire site with the File ➙ Publish Entire Site menu. If that doesn't clear out the old stuff from your web site try the following:
1 - close iWeb.
2 - delete the iWeb preference file, com.apple.iWeb.plist, that resides in your User/Library/Preferences folder.
3 - go to your User/Library/Caches/com.apple.iWeb folder and delete the contents.
4 - reboot.
5 - launch iWeb and and try again.
Still if not cleared out publish the site to a folder on your hard drive and open the local copy with your browser to see if that shows the changes to the site.
Happy Holidays -
Why are my pictures in the "All Photos" Album out of order?
Within Albums there is an "All Photos" folder but some of the photos are out of order. How is this "All Photos" album different to the "Photos" view (which is in the correct order) and why are they not the same?
Thanks, that's a helpfuland explanation of the difference and makes sense as all my photos are actually in an album (which was an event in the previous version).
However it doesn't explain why the order in "all photos" is different. It is not in the order that the albums are arranged, and odd photos seem randomly scattered about separated from other photos from the same album.
On a separate note It's also a shame as there is no way of arranging the albums chronologically (which you could do with events) -
I really cannot see exactly where to start
select the head with one of Photoshop's selection tools
When doing this, I find it quite helpful to create an intermediate image with a transparent background that contains only the head to be pasted into the second image. First I paste the head onto this transparent background, scale it, rotate it or skew it to make it fit into the other image, adjust the lighting, then select it.
To be able to paste the head seemlessly into the second image (and without aliasing effects), I make the border of the selection soft (⌥⌘D); my Photoshop has a german interface, so I am not sure about the english localization, this command must be something like "selection -> modify selection -> soft border".
I would not bother to get the lighting and color excactly right in Photoshop, that is far easier with the "dodge" and "burn" brushes and color adjustments in Aperture.
To do this completely in Aperture, you would have first to combine both images into one (for example by creating a book page), then use the retouche->clone tool to stamp the head from one image to the other. I use this occasionally to stamp a face into a flower bud or for similar effects. However, for this to work you need a plain background and nearly circular shapes to be pasted.
Léonie -
How do you do this... Centering an image at the bottom of a container.
Hi,
I am relatively new to Dreamweaver... and I want to center an image at the bottom of my "maincontent" container.
I have the image placed in the the proper conatiner, yet no matter what rule I set I cannot not seem to get it to center at the bottom. Is this possible?
Thanks!
GaryThis is another way to center the image under a block of text inside a div:
<!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">
#maincontent{
width: 980px;
margin: 0 auto;
/* to center an image with a width declared in the html,
margins do not work on inline elements - an image is an inline element,
so you need to add display: block */
.imgcenter {
margin: 0 auto; display: block;
</style>
</head>
<body>
<div id="maincontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. </p>
<img src="1788114-org.png" alt="" width="250" height="167" class="imgcenter" />
</div>
</body>
</html>
Maybe you are looking for
-
after moving everything to an external hard drive, is there a way to restore the playlists you've already created if they're not there anymore?
-
I am running Photoshop CS6 on a Mac OS X 10.9.3 and every time I save a large eps I can not open it again. I get this message when I try. "Could not complete your request because Photoshop was unable to parse the PostScript."
-
RH7 Topics in TOC don't display in Help
I'm using RH7; I create Web Help and printed documentation, both Word and pdf versions. All of my topics are in the TOC. However, two of the topics (which are in the TOC) don't appear in the generated Help or in either version of the printed document
-
SecStore.properties missing while installing CI SAP SOLMAN 4.0
Hi SDN, while installing SAP SOLMAN 4.0 CI the sapinst asks me for the secure store files that didn't exist in the data directory, i found the same issue in the forums but none solved my problem. someone knows how can i create this secure store files
-
Hi All, When an employee logs in to ESS portal, need to know how this logging on takes place in the background (ABAP code, FM etc). Need to know what FMs/BAPIs are called right from the first step where it checks the userid info in infotype 0105. In