Re: [WSG] Image gallery layout
Good morning My client wants her image galleries to look the same (if possible) as on her Power Point Presentation. These images (in PPP) are positioned absolutely ie a certain cm measurement from top left in each case. The images are of paintings and are NOT of uniform size so I am working with different thumbnail sizes. I have made them a uniform maximum 150px high but of course some are a lot wider and do not reach 150px vertically. http://www.westernwebdesign.com.au/sarwon/slightly.html CSS is ul#img I have tried giving them ALL a uniform height 150px regardless of width - see bottom 4 images - but of course I had to add a new bit of CSS - ul#img2 with a much wider ul#img2 li. You could constrain the thumbnails you see on the page to a certain consistent dimension, using height and width or using overflow hidden and then show the thumbnail in its natural aspect ration on hover. That can be done with pure CSS. Additionally, you could something like Lightbox 2 to add a bit of pizazz while eliminating the popup windows. If you are a Dreamweaver user, we will be releasing a fully automated presentation framework in a week or so. Here is a live preview of the output: http://www.projectseven.com/products/staging/lightshow2/demo_01.htm -- Al Sparber - PVII http://www.projectseven.com Fully Automated Menu Systems | Galleries | Widgets http://www.projectseven.com/go/Elevators *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
From: Al Sparber [EMAIL PROTECTED] Good morning My client wants her image galleries to look the same (if possible) as on her Power Point Presentation. These images (in PPP) are positioned absolutely ie a certain cm measurement from top left in each case. The images are of paintings and are NOT of uniform size so I am working with different thumbnail sizes. I have made them a uniform maximum 150px high but of course some are a lot wider and do not reach 150px vertically. http://www.westernwebdesign.com.au/sarwon/slightly.html CSS is ul#img I have tried giving them ALL a uniform height 150px regardless of width - see bottom 4 images - but of course I had to add a new bit of CSS - ul#img2 with a much wider ul#img2 li. You could constrain the thumbnails you see on the page to a certain consistent dimension, using height and width or using overflow hidden and then show the thumbnail in its natural aspect ration on hover. That can be done with pure CSS. Additionally, you could something like Lightbox 2 to add a bit of pizazz while eliminating the popup windows. If you are a Dreamweaver user, we will be releasing a fully automated presentation framework in a week or so. Here is a live preview of the output: http://www.projectseven.com/products/staging/lightshow2/demo_01.htm Sorry. Didn't see Thierry's suggestion. That should work for you if perfect symmetry is not a requirement. -- Al Sparber - PVII http://www.projectseven.com Fully Automated Menu Systems | Galleries | Widgets http://www.projectseven.com/go/Elevators *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
Thanks Al - the demo looks really nice! You could constrain the thumbnails you see on the page to a certain consistent dimension, using height and width or using overflow hidden and then show the thumbnail in its natural aspect ration on hover. That can be done with pure CSS. Additionally, you could something like Lightbox 2 to add a bit of pizazz while eliminating the popup windows. If you are a Dreamweaver user, we will be releasing a fully automated presentation framework in a week or so. Here is a live preview of the output: http://www.projectseven.com/products/staging/lightshow2/demo_01.htm *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
No problem, I'm glad I saw your demo. Thanks. I have followed Thierry's suggestion in this instance and am giving the client the option of a centred layout, or left or right aligned images. Sorry. Didn't see Thierry's suggestion. That should work for you if perfect symmetry is not a requirement. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
OT, no? On Jul 07, 2008, at 07:57, Al Sparber wrote: Good morning My client wants her image galleries to look the same (if possible) as on her Power Point Presentation. These images (in PPP) are positioned absolutely ie a certain cm measurement from top left in each case. The images are of paintings and are NOT of uniform size so I am working with different thumbnail sizes. I have made them a uniform maximum 150px high but of course some are a lot wider and do not reach 150px vertically. http://www.westernwebdesign.com.au/sarwon/slightly.html CSS is ul#img I have tried giving them ALL a uniform height 150px regardless of width - see bottom 4 images - but of course I had to add a new bit of CSS - ul#img2 with a much wider ul#img2 li. You could constrain the thumbnails you see on the page to a certain consistent dimension, using height and width or using overflow hidden and then show the thumbnail in its natural aspect ration on hover. That can be done with pure CSS. Additionally, you could something like Lightbox 2 to add a bit of pizazz while eliminating the popup windows. If you are a Dreamweaver user, we will be releasing a fully automated presentation framework in a week or so. Here is a live preview of the output: http://www.projectseven.com/products/staging/lightshow2/demo_01.htm -- Al Sparber - PVII http://www.projectseven.com Fully Automated Menu Systems | Galleries | Widgets http://www.projectseven.com/go/Elevators *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** == Joe Ortenzi [EMAIL PROTECTED] http://www.typingthevoid.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Image gallery layout
Good morning My client wants her image galleries to look the same (if possible) as on her Power Point Presentation. These images (in PPP) are positioned absolutely ie a certain cm measurement from top left in each case. The images are of paintings and are NOT of uniform size so I am working with different thumbnail sizes. I have made them a uniform maximum 150px high but of course some are a lot wider and do not reach 150px vertically. http://www.westernwebdesign.com.au/sarwon/slightly.html CSS is ul#img I have tried giving them ALL a uniform height 150px regardless of width - see bottom 4 images - but of course I had to add a new bit of CSS - ul#img2 with a much wider ul#img2 li. I have explained that the site should look good at all screen resolutions and have managed to have it look OK as small as 800 x 600. What I am asking is if there is any other way to lay out an image gallery other than the way I have done (which I always use but with uniform thumbnails). I don't think she will mind if I tell her it is not possible to copy her PPP exactly as here we are dealing with a fluid background which needs to be able to change with different screen sizes but I want to be sure there is not another way I can accommodate her wishes. Thanks Lyn www.westernwebdesign.com.au Perth, Western Australia *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
This may help: http://www.huddletogether.com/projects/lightbox2/ On Mon, Jul 7, 2008 at 8:28 AM, Lynette Smith [EMAIL PROTECTED] wrote: Good morning My client wants her image galleries to look the same (if possible) as on her Power Point Presentation. These images (in PPP) are positioned absolutely ie a certain cm measurement from top left in each case. The images are of paintings and are NOT of uniform size so I am working with different thumbnail sizes. I have made them a uniform maximum 150px high but of course some are a lot wider and do not reach 150px vertically. http://www.westernwebdesign.com.au/sarwon/slightly.html CSS is ul#img I have tried giving them ALL a uniform height 150px regardless of width - see bottom 4 images - but of course I had to add a new bit of CSS - ul#img2 with a much wider ul#img2 li. I have explained that the site should look good at all screen resolutions and have managed to have it look OK as small as 800 x 600. What I am asking is if there is any other way to lay out an image gallery other than the way I have done (which I always use but with uniform thumbnails). I don't think she will mind if I tell her it is not possible to copy her PPP exactly as here we are dealing with a fluid background which needs to be able to change with different screen sizes but I want to be sure there is not another way I can accommodate her wishes. Thanks Lyn www.westernwebdesign.com.au Perth, Western Australia *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Regards, Srinivas Gattu SPENDING OUR GREAT INHERITANCE -- THEN WHAT? http://dieoff.com/page151.htm When the future of oil is discussed, the common question asked is How long will oil last? This is the wrong question. Insignificant amounts of oil will probably be produced in the year 2100 and perhaps beyond. The critical date is when the peak of oil production is reached and the world's demands can no longer be supplied. From then on, there will be less and less oil to divide. It is probable that the decline of world oil production will affect more people in more ways than any other event in human history. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
I LOVE Lightbox! Only discovered it recently and am using it on a site I¹m working on. From an accessibility standpoint it is awesome. The only complaint¹ that another developer here found was that it doesn¹t detect the user¹s flash player version (as swfObject does), but that¹s a minor concern really ... Having said that, I¹m not clear how this would assist in Lyn¹s case, but I¹m interested to see/hear!! Cheers - susie On 7/7/08 1:21 PM, Srinivas Gattu [EMAIL PROTECTED] wrote: This may help: http://www.huddletogether.com/projects/lightbox2/ On Mon, Jul 7, 2008 at 8:28 AM, Lynette Smith [EMAIL PROTECTED] wrote: Good morning My client wants her image galleries to look the same (if possible) as on her Power Point Presentation. These images (in PPP) are positioned absolutely ie a certain cm measurement from top left in each case. The images are of paintings and are NOT of uniform size so I am working with different thumbnail sizes. I have made them a uniform maximum 150px high but of course some are a lot wider and do not reach 150px vertically. http://www.westernwebdesign.com.au/sarwon/slightly.html CSS is ul#img I have tried giving them ALL a uniform height 150px regardless of width - see bottom 4 images - but of course I had to add a new bit of CSS - ul#img2 with a much wider ul#img2 li. I have explained that the site should look good at all screen resolutions and have managed to have it look OK as small as 800 x 600. What I am asking is if there is any other way to lay out an image gallery other than the way I have done (which I always use but with uniform thumbnails). I don't think she will mind if I tell her it is not possible to copy her PPP exactly as here we are dealing with a fluid background which needs to be able to change with different screen sizes but I want to be sure there is not another way I can accommodate her wishes. Thanks Lyn www.westernwebdesign.com.au http://www.westernwebdesign.com.au/ Perth, Western Australia *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
Srinivas Gattu wrote: This may help: http://www.huddletogether.com/projects/lightbox2/ Thanks, Srinivas but it looks a bit too complicated for me - I was thinking more along the lines of a different CSS approach *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
I LOVE Lightbox! Only discovered it recently and am using it on a site I'm working on. From an accessibility standpoint it is awesome. The only 'complaint' that another developer here found was that it doesn't detect the user's flash player version (as swfObject does), but that's a minor concern really ... Having said that, I'm not clear how this would assist in Lyn's case, but I'm interested to see/hear!! My problem is that my thumbnails are different sizes. I already have it organised so the large image opens in a box on the same page, it is the display of the thumbnails that is the issue. Thanks for the reply, Susie, when I have time I will check out Lightbox. Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Image gallery layout
My client wants her image galleries to look the same (if possible) as on her Power Point Presentation. These images (in PPP) are positioned absolutely ie a certain cm measurement from top left in each case. The images are of paintings and are NOT of uniform size so I am working with different thumbnail sizes. I have made them a uniform maximum 150px high but of course some are a lot wider and do not reach 150px vertically. http://www.westernwebdesign.com.au/sarwon/slightly.html CSS is ul#img I have tried giving them ALL a uniform height 150px regardless of width - see bottom 4 images - but of course I had to add a new bit of CSS - ul#img2 with a much wider ul#img2 li. I have explained that the site should look good at all screen resolutions and have managed to have it look OK as small as 800 x 600. What I am asking is if there is any other way to lay out an image gallery other than the way I have done (which I always use but with uniform thumbnails). I don't think she will mind if I tell her it is not possible to copy her PPP exactly as here we are dealing with a fluid background which needs to be able to change with different screen sizes but I want to be sure there is not another way I can accommodate her wishes. Hi Lyn, You may want to check this technique as it allows the images to flow while keeping them centered vertically/horizontally http://tjkdesign.com/articles/thumbnail_and_caption/inline-block_-moz-inline -box_and_zoom.asp -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
Thanks Thierry That link doesn't work but I have checked out the site and found the article Using CSS to style thumbnails and captions which sounds like the one. Thank you very much for the help. Lyn You may want to check this technique as it allows the images to flow while keeping them centered vertically/horizontally http://tjkdesign.com/articles/thumbnail_and_caption/inline-block_-moz-inline -box_and_zoom.asp *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Image gallery layout
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Lynette Smith Sent: Sunday, July 06, 2008 9:16 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Image gallery layout Thanks Thierry That link doesn't work but I have checked out the site and found the article Using CSS to style thumbnails and captions which sounds like the one. At the bottom of that article there are four links to different techniques, the one you want to check is the last one: centering thumbnails (horizontally/vertically). Thank you very much for the help. You're welcome -- Regards, Thierry | http://www.TJKDesign.com You may want to check this technique as it allows the images to flow while keeping them centered vertically/horizontally http://tjkdesign.com/articles/thumbnail_and_caption/inline-block_-moz-inline -box_and_zoom.asp *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image gallery layout
Thierry At the bottom of that article there are four links to different techniques, the one you want to check is the last one: centering thumbnails (horizontally/vertically). Yes - I am at this very moment working on that one and it looks like it will be successful - I just need to convert the wide rectangular images to a 150px height and I will be all set! Thank you again - I do appreciate it! Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
