Working with complex text formatting
Sent by Ingo Chao on 4 April 2007 23:11
SÃ©bastien FICHOT wrote:
> Hello !
> For my first post i would like first to salute everyone here.
> I don't really know if the CSS work-around i will post here is something
> than the CSS must cover for the future, but it seem than it's not so easy to
> realize something like you can see on this image :
> But that's something used often in the book page design world. I've realized
> this with Microsoft Word on 2 secs, with Photoshop in 3 sec. But how can i
> make it in HTML CSS ?
> I'm working on the subject and i haven't found any answer for the moment.
> I would really appreciate if someone can help me.
> Thank you,
In each column, I am using a 1px wide spacer float with a specific
height, and pullouts are clearing their spacer float in each column, and
only the left pullout contains the text as h1. Pullouts are pulled out
horizontally via negative margin. They cant move up because they clear
the spacer floats above them. The following text flows up, alongside.
This allows the pullout text to be before the column text in the source.
does not work in IE-Mac, doesn't look that good in Opera. Don't know if
this method works in complex layouts with many floats, probably not.
What does ici, un truc chouette mean?
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