Discuss: Cross-Column Pull-Outs
by Daniel M. Frommelt
- Editorial Comments
22 Re: Newspaper layouts
“Exactly how do you propose to know when a remote user’s user-agent can fit two particular columns on a page without scrolling?”
Well, it’s not a css/xhtml site, though the markup is quite clean, but the international herald tribune (www.iht.com) does just that using some javascript DOM wizadry. Works perfectly on firefox and allows you to navigate through pages or put it all into one column (instantly, because the whole article is in the html, it’s just controlling the display). Now if only we could get this technique and that technique together in unobtrusive javascript and semantic html. </dream>
posted at 05:39 pm on December 21, 2004 by Tobin Jones
23 Re: More than just Newspaper Layout
Mr. Natalie Buxton,
Yes, the newpaper was just a certain example. This layout example can be used for anything designers what to use it for. Just think of all the possibilities for designers. ‘Zine layouts, etc.
posted at 05:42 pm on December 21, 2004 by Ali Karbassi
24 Ah, but...
Not all browsers have javascript (or have it enabled)
Did you check the commedy effect with JS turned off?
(hint: no article text at all! great!)
posted at 05:44 pm on December 21, 2004 by RCotton
25 agree with Steve
I agree with Steve on the 2-column point. As an academic exercise its great to learn additional techniques for formatting the page.
If you want to make an article readable, why not just have one scrolling div the height of the page and the correct reading width?
posted at 05:50 pm on December 21, 2004 by Dmitri Colebatch
26 Re: Re: More than just Newspaper Layout
I would like to apologize to Natalie Buxton for calling her a Mr.
posted at 06:12 pm on December 21, 2004 by Ali Karbassi
27 for print-media stylesheets?
I was trying to print up Christmas carol songsheets using CSS recently, just as a challenge to myself, and I realised that yeah, CSS is pretty lacking in terms of having content flow from one block element into another one.
Products such as OpenOffice have taken stylesheet-based print documents a long way, and hopefully CSS3 will bring us some of their innovations. Not so that we can necessarily abuse them on the screen, but provide options for print and projection sheets.
posted at 06:28 pm on December 21, 2004 by Mike Purvis
28 It was good for me..
.. now I need a cigarette.
posted at 06:56 pm on December 21, 2004 by Seele Varcuzzo
29 Bit concerned about the DEL thing
Is it really necessary at all? Would it not be possible to position the image-containing span in such a place that the caption text make sense in context, as though it were part of the sentence?
posted at 08:50 pm on December 21, 2004 by James Edwards
30 Why are you inserting it into the middle of your p
The solution which I created for the intersmash design challenge a year and a half ago produces the same effect without all the fiddling around.
http://www.intersmash.com/challenge/
It introduces an extra placeholder tag into your page, but that’s it.
posted at 09:32 pm on December 21, 2004 by Daniel Sheppard
Discussion Closed
New comments are not being accepted, but you are welcome to explore what people said before we closed the door.
Got something to say?
Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.
Create a new account or sign in below if you’d like to leave a comment.
Subscribe to this article's comments: RSS (what’s this?)






21 Re: paragraph tag
Nick Franceschina commented, “I’m pretty sure a < p > tag is actually block-level.”
That may be true, but you’ll find that it’s still invalid to put a {div} inside a {p}. Very curious design decision in the standard, but I suppose it is a reasonable attempt to force the {p} to only contain paragraphs of text, and not arbitrary blocky objects.
I was working with some wiki code (Trac, specifically) that would occasionally try to put {ul}s and other such blocks inside paragraphs, invalidating the XHTML. My solution was to simply replace the {p}s with a specific {div class=“paragraph”}, styled appropriately. Not perfect, but it retains some semantic value and is legible and valid.
posted at 05:34 pm on December 21, 2004 by Steven N. Severinghaus