-----Original Message----- From: Chetan Crasta [mailto:chetancra...@gmail.com] Sent: Tuesday, December 28, 2010 8:26 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] image layout question
> 2. how to align images from right to left instead of the default left to right? >when photos are added to the beginning > of the list the older photos move into position after new photo. I have a solution that *might* be of help: http://roughtech.com/t/picalign.html However, there are some limitations: The top-margin of the t1#div has to be manually specified to be equal to the total height of all the rows. The number of selectors on line 29 to 35 have to be equal to the expected number of rows. For example, if the maximum number of rows is 5, then there should be 5 selectors. Does not work in IE6. Perhaps someone can improve this design? ~Chetan Hi Chetan, Thank you for looking at this test piece. I am going to have a look at the code tomorrow. I am however looking at the link you posted and notice that the layout may work except the images placement is a little different than what I was thinking. The height would not be an issue for the horizontal layout as long as the width was dynamic as images are added. Have a look at these two images to see what I mean as far as layout. I figured out how to "stack" the images vertically as you can see in the html not jpg link and we may be able to implement your code to get it to work with the layout I am proposing. Image "1" indicate this first image added, image "6" indicates the last image added. http://ecoitsf.com/test/Untitled-1.jpg http://ecoitsf.com/test/Untitled-2.jpg http://www.ecoitsf.com/test/index.html Sincerely, Matthew ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
