A LIST Apart: For People Who Make Websites

No. 190

Discuss: Cross-Column Pull-Outs

Pages

 <  1 2 3 4 5 >  Last »

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

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

Pages

 <  1 2 3 4 5 >  Last »

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.

Remember me

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)