467,163 Members | 966 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,163 developers. It's quick & easy.

HTML to support column-count

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
  • viewed: 1668
Share:

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

71 posts views Thread by tomy_baseo | last post: by
13 posts views Thread by Arie Mijnlieff | last post: by
4 posts views Thread by MB | last post: by
3 posts views Thread by Kieran Green | last post: by
5 posts views Thread by Mark Elliott | last post: by
1 post views Thread by Patrick | last post: by
6 posts views Thread by Peter Afonin | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.