By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,739 Members | 1,081 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,739 IT Pros & Developers. It's quick & easy.

HTML to support column-count

P: n/a
Doing a hobby web site at http://www.airliebeachbum.com/ which I intend
to eventually style with CSS3.

I would like to make a two column layout available via the column-count
mechanism, for groups of paragraphs between each heading. This would be
for Safari and Firefox, since these are probably the only browsers to
have experimental support for column-count My initial HTML test case is
very simple, just a series of paragraphs after each heading, as shown
here http://www.airliebeachbum.com/drowning.html

So far the only way I can see to group paragraphs, so that column-count
applies two columns to them as a group, is to add an otherwise
superfluous DIV around each collection of paragraphs, as shown here
http://www.airliebeachbum.com/crocodiles.html

The HTML for these pages is valid. The CSS is valid for CSS3, except for
the -webkit- and -moz- experimental items. I am not expecting nor
attempting to make this work with Internet Explorer.

Can anyone suggest whether there is a way to treat the paragraphs
between headings as a group, without using a DIV? I get the feeling that
were I better with selectors, I could find some way to do that without a
DIV.

--
http://www.ericlindsay.com
Feb 16 '08 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.