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¦
---------------------------------
wrapping an inline text block
-
- Core Developer
- Posts: 30022
- Joined: Tue Sep 16, 2003 9:45 pm
- Location: Cologne, Germany
- Contact:
Re: wrapping an inline text block
Hi!
In HTML/CSS terms this is called "floating". Check this:
HTH,
GArvin
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>
GArvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Re: wrapping an inline text block
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
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
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
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