Re: [css-d] tabled thumbnail gallery to css?
Bill, What about treating this as a list object instead of a table? It might be a bit of work/thought to set up initially but would certainly be much easier to maintain especially when you have to reorder items. The code/layout would essentially by fixed and easily replicated for each new entry and you could then VERY easily move items around in list for alphabetical ordering and could easily bump items from one column to the next to address balancing the page layout. Obviously the pseudo code below is short on specific details, but I think it gets the idea across. Best of luck, Daniel - ul id=column 1 fixed width align or float left li div with fixed width, displayed as block in-lineLast, firstbr/email/div div with fixed width, displayed as block in-lineimage 1/div div with fixed widthimage 2/div /li li div with fixed width, displayed as block in-lineLast, firstbr/email/div div with fixed width, displayed as block in-lineimage 1/div div with fixed widthimage 2/div /li li div with fixed width, displayed as block in-lineLast, firstbr/email/div div with fixed width, displayed as block in-lineimage 1/div div with fixed widthimage 2/div /li /ul * ul id=column 2 fixed width align or float right * li div with fixed width, displayed as block in-lineLast, firstbr/email/div div with fixed width, displayed as block in-lineimage 1/div div with fixed widthimage 2/div /li li div with fixed width, displayed as block in-lineLast, firstbr/email/div div with fixed width, displayed as block in-lineimage 1/div div with fixed widthimage 2/div /li li div with fixed width, displayed as block in-lineLast, firstbr/email/div div with fixed width, displayed as block in-lineimage 1/div div with fixed widthimage 2/div /li /ul *If you are (very) concerned about semantic structure, instead of breaking this into two separate un-ordered lists, you could wrap the first and second half of the lists in divs that break them into columns. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of bill scheider Sent: Monday, March 23, 2009 1:37 PM To: css-d@lists.css-discuss.org Subject: [css-d] tabled thumbnail gallery to css? Hi all I volunteered for a non profit who recently lost their web person to do some updates on their website. The page in question can be found here: http://www.oregonwca.org/gallery.html The gallery is a 7-col table containing an artist's name, a thumbnail, a thumbnail, artist's name, thumbnail, thumbnail. They want to retain that general layout of two artists and their thumbnails per line. I'd like to re-code that page in css rather than a table. For one thing it'd be lots easier to retain the alphabetical order when adding or removing a new artist. The current code is certainly a mess and could certainly benefit from a cleansing:-) Can someone point me in the direction of coding idea or solution for this? I suppose, strictly speaking, the info can be presented as a table of data but there's still the alphabetical order issue when adding or removing artists. All pointers are appreciated. TIA Bill Scheider __ 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/ __ 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/
Re: [css-d] tabled thumbnail gallery to css?
2009/3/25 bill scheider b...@first-encounter-design.com: Ib, That looks pretty awesome. Don't know if it'll be any use for this project (I'll look more deeply later) but I've definitely bookmarked it for the future. Great resource. Thanks Bill My own site is build on YAML. With some external borrowing from other sites, mainly the menus. Have a look, but just look at the layout / design, because you problably don't understand or can read the content. Link : http://ikjensen.dk -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ 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/
Re: [css-d] tabled thumbnail gallery to css?
2009/3/23 bill scheider b...@first-encounter-design.com: Hi all I'd like to re-code that page in css rather than a table. For one thing it'd be lots easier to retain the alphabetical order when adding or removing a new artist. The current code is certainly a mess and could certainly benefit from a cleansing:-) I don't know if this can be of any help. But have a look at YAML (http://yaml.de) where you can divide the page in four columns (max.). And if I read it correct the columns can be made equal height. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ 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/
Re: [css-d] tabled thumbnail gallery to css?
Ib, That looks pretty awesome. Don't know if it'll be any use for this project (I'll look more deeply later) but I've definitely bookmarked it for the future. Great resource. Thanks Bill -Original Message- From: Ib Jensen [mailto:ibkjen...@gmail.com] Sent: Tuesday, March 24, 2009 10:00 AM To: bill scheider Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] tabled thumbnail gallery to css? 2009/3/23 bill scheider b...@first-encounter-design.com: Hi all I'd like to re-code that page in css rather than a table. For one thing it'd be lots easier to retain the alphabetical order when adding or removing a new artist. The current code is certainly a mess and could certainly benefit from a cleansing:-) I don't know if this can be of any help. But have a look at YAML (http://yaml.de) where you can divide the page in four columns (max.). And if I read it correct the columns can be made equal height. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ 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/
[css-d] tabled thumbnail gallery to css?
Hi all I volunteered for a non profit who recently lost their web person to do some updates on their website. The page in question can be found here: http://www.oregonwca.org/gallery.html The gallery is a 7-col table containing an artist's name, a thumbnail, a thumbnail, artist's name, thumbnail, thumbnail. They want to retain that general layout of two artists and their thumbnails per line. I'd like to re-code that page in css rather than a table. For one thing it'd be lots easier to retain the alphabetical order when adding or removing a new artist. The current code is certainly a mess and could certainly benefit from a cleansing:-) Can someone point me in the direction of coding idea or solution for this? I suppose, strictly speaking, the info can be presented as a table of data but there's still the alphabetical order issue when adding or removing artists. All pointers are appreciated. TIA Bill Scheider __ 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/
Re: [css-d] tabled thumbnail gallery to css?
I'd like to re-code that page in css rather than a table. For one thing it'd be lots easier to retain the alphabetical order when adding or removing a new artist. The current code is certainly a mess and could certainly benefit from a cleansing:-) Can someone point me in the direction of coding idea or solution for this? I suppose, strictly speaking, the info can be presented as a table of data but there's still the alphabetical order issue when adding or removing artists. One thing that I would do is reorganize the the columns by placing the second name in the list to the right of the first name, the third name in the spot vacated by the second, and the fourth name to the right of the third, and so on. I would make a container for all the name+image divs with a set width, then float the individual div's to the left. Since 3 div's would be wider than the available width, you would have two columns of names that would be easily reorganized by adding new div's to the right spot alphabetically, or removing div's no longer needed. I'm probably wrong, but it seems as tho keeping the format as is would take a lot more code and be less manageable since I assume you would have place the name+image div's into additional divs for the individual columns. Don __ 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/
Re: [css-d] tabled thumbnail gallery to css?
Can someone point me in the direction of coding idea or solution for this? I suppose, strictly speaking, the info can be presented as a table of data but there's still the alphabetical order issue when adding or removing artists. One thing that I would do is reorganize the the columns by placing the second name in the list to the right of the first name, the third name in the spot vacated by the second, and the fourth name to the right of the third, and so on. I would make a container for all the name+image divs with a set width, then float the individual div's to the left. Since 3 div's would be wider than the available width, you would have two columns of names that would be easily reorganized by adding new div's to the right spot alphabetically, or removing div's no longer needed. I'm probably wrong, but it seems as tho keeping the format as is would take a lot more code and be less manageable since I assume you would have place the name+image div's into additional divs for the individual columns. Don Don, Thanks. Reorganizing the current order of the names is a great point. Thanks for that. And yeah, personally I hate all that code. One thing I've considered in using Lightbox to display all those images, thereby eliminating all those jump pages and the need to keep creating more. This is just a temporary, pro bono gig for me but I'd like to hand back something at least a little more manageable. Thanks for your response. Bill __ 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/ __ 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/
