[css-d] Eric Meyer thumbnail gallery

2005-06-28 Thread Doug Niven 
Hello folks,

There is a very nice thumbnail gallery in the More Eric Meyer on CSS book,
which I have temporarily posted here for easy reference:

http://stinkyrat.com/proj02/ch0207.html

My question: Is there any way to align the thumbnails along one baseline? I
think it's a great layout aside from the horizontal alignment, and I know of
no solution to fix thisurgh!

This is the relevant CSS:

div.pic {float: left; height: 130px; width: 130px;
  padding: 15px; margin: 5px 3px;}
div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444;}
div.ls img {height: 96px; width: 128px; margin: 16px 0;}
div.pt img {height: 128px; width: 96px; margin: 0 16px;}
div.pic ul {display: none;}

Any help would be much appreciated!



D o u g l a sN i v e n
photo researcher/editor


http://www.anothervietnam.com

Another Vietnam: Pictures of the War from the Other Side
* from National Geographic Books *

Vietnam's Unseen War: Pictures from the Other Side (DVD)
*from National Geographic TV*





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Eric Meyer thumbnail gallery

2005-06-28 Thread Kelly Miller 

Change:

div.ls img {height: 96px; width: 128px; margin: 16px 0;}

to

div.ls img {height: 96px; width: 128px; margin: 32px 0 0;}





--
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Eric Meyer thumbnail gallery

2005-06-28 Thread Richard Grevers 
On 6/29/05, Doug Niven [EMAIL PROTECTED] wrote:
 Hello folks,
 
 There is a very nice thumbnail gallery in the More Eric Meyer on CSS book,
 which I have temporarily posted here for easy reference:
 
 http://stinkyrat.com/proj02/ch0207.html
 
 My question: Is there any way to align the thumbnails along one baseline? I
 think it's a great layout aside from the horizontal alignment, and I know of
 no solution to fix thisurgh!
 
 This is the relevant CSS:
 
 div.pic {float: left; height: 130px; width: 130px;
   padding: 15px; margin: 5px 3px;}
 div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444;}
 div.ls img {height: 96px; width: 128px; margin: 16px 0;}
 div.pt img {height: 128px; width: 96px; margin: 0 16px;}
 div.pic ul {display: none;}
 
redistribute the margins thus:
div.ls img {height: 96px; width: 128px; margin: 32px 0 0 0;}
div.pt img {height: 128px; width: 96px; margin: 0 16px;}
-- 
Richard Grevers
New Plymouth, New Zealand
Orphan Gmail invites free to good homes.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/