Page 1 of 1

wrapping an inline text block

Posted: Sun Nov 22, 2009 2:54 am
by alpay
greetingas all, i searched the forums and google for css tips but maybe i'm not really sure what proper keywords to search are...

my blog is at http://blog.LitStudios.com and I've been loving Serendipity since i first installed it. just when i'm getting kinda pro at implementing features by hand, i walk away for awhile and become a total n00b all over again. i'm hoping someone can help me with this. I'm guessing it's just css but maybe the HtmlNugget or the includedata plug-ins i read about will work for me?

I want to have a couple of small boxes as textblocks (kind of like a sidenote to a big blog post) with the main article wrapping around it... i've known it to be called "runaround" in ms word. see the crude ascii layout below. Thanks in advance for the help...


---------------------------------
¦ text text text text text text text¦
¦ text text text text text text text¦
¦ text text text text text text text¦
¦ text text text text text text text¦
¦ text text text ------------------¦
¦ text text text ¦an inline textblock¦
¦ text text text ¦an inline textblock¦
¦ text text text ¦an inline textblock¦
¦ text text text ¦an inline textblock¦
¦ text text text ------------------¦
¦ text text text text text text text¦
¦ text text text text text text text¦
---------------------------------

Re: wrapping an inline text block

Posted: Sun Nov 22, 2009 3:04 am
by garvinhicking
Hi!

In HTML/CSS terms this is called "floating". Check this:

Code: Select all

<p>This is a sample paragraph. Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample </p>
<p style="float: right; border 1px solid red">This is another floatbox. Float. Float</p>
<p>This is more of another paragraph beside it. Bla blabla.</p>
<br clear="all" />
<p>Now we're back again at a solus paragraph.</p>
HTH,
GArvin

Re: wrapping an inline text block

Posted: Sun Nov 22, 2009 3:16 am
by onli
Hi
It will probably be easier to achieve the effect without glitches when you use a span instead of a p for the floated runaround-box.
sincerely

Re: wrapping an inline text block

Posted: Sun Nov 22, 2009 5:38 pm
by yellowled
If it's a quote, you might want to consider marking it up as a blockquote.

If the floated text block is actually a quote from the text block around it (a so-called "pull-quote"), this should be implemented using javascript, at least in an ideal world.

YL