Jason Ogle wrote:
> Hello there CSS pundits,
> 
> I call upon your powers to help me answer this riddle.
> 
> Please visit this link:
> http://jasonogle.com/clients/flyleaf/css_help.jpg
> 
> What is the ideal way to layout the "Photos" and "Members Online"  
> sections??

Riddle me this:  is it coming from a content management system?

If not and you have absolute control over the HTML and CSS, for the 
photos I would let them flow naturally inline.  You can space them 
horizontally with padding (I think).

There are a few different ways I might do the members online:

1. For the members online I'd split them into two groups, give them both 
a 50% (or less) width and float them to the same side or opposite sides. 
  It's doesn't really matter.  Then, if there is something that goes 
below it be sure to clear:both.

2. If nothing is going below it or if you will always have control over 
the  height, you can absolute position the two groups.

3. Finally as a third option, you could give the entries alternating 
classes like "even" and "odd" then float them left and right like so:

div.even { width: 48%; float: left; clear: left }
div.odd { width: 48%; float: right; clear: right; }

4. ...or a table.  I don't think you can stretch your imagination to 
justify a table though.  I could be wrong ;-)

AC
-- 
Audra Coldiron

Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com

KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS. 
Pre-made designs, designer tools, and reseller program available!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to