I guess I probably should have just done that in the first place. Here's how it looks now, to help with the grokking...
http://www.vancouvermassage.ca/screenshot.jpg Unfortunately, I have no picture of how I want it. :-) But it's very simple. I just want to move the sidebar down, so that some of the large paragraph flows above as well as beside it. Should be easy, I'd think. I tried changing the top margin, of course, but that just pushes it downwards without the adjacent paragraph flowing into the space above the sidebar. Paul > Do you have a picture or URL? Then we can grok it in fullness. > > Cheers > James > > Paul Ingraham wrote: > >> Okay, you guys made good short work of my first simple css question, and it >> was a great introduction to this list. Thank you all. Now it's time for >> another! >> >> I want a sidebar, and I've created one. Looks lovely. A couple paragraphs >> inside a div, floated off to the right and breaking the right margin. >> Little background, little border, and so far so good. Looks like this: >> >> >> main content main content main content >> main content main content main content >> >> main content main sidebar sidebar sidebar sidebar >> main content main sidebar sidebar sidebar sidebar >> main content main sidebar sidebar sidebar sidebar >> main content main sidebar sidebar sidebar sidebar >> main content main sidebar sidebar sidebar sidebar >> >> main content main content main content >> main content main content main content >> >> >> Just one problem. The top of the sidebar is always on the same line as the >> adjacent paragraph. I'd rather have this: >> >> >> main content main content main content >> main content main content main content >> main content main sidebar sidebar sidebar sidebar >> main content main sidebar sidebar sidebar sidebar >> main content main sidebar sidebar sidebar sidebar >> main content main sidebar sidebar sidebar sidebar >> main content main sidebar sidebar sidebar sidebar >> main content main content main content >> main content main content main content >> >> >> Just like wrapping text around an inline image. Like so: >> >> <p>Blah blah for a couple lines <div class="rightfloatedsidebar">rhubarb >> rhubarb rhubarb</div> and the some more blah blah blah.</p> >> >> Which obviously doesn't work, because you can't put divs inside a paragraph, >> but I don't know what else to do. I did try to declare div.sidebar >> {display:inline}, thinking that might magically make my div into an inline >> object, but that caused chaos. >> >> Am I making any sense? Does anyone know what I'm after... and how to do it? >> >> Thanks in advance. >> >> Paul >> >> >> ***************************************************** >> The discussion list for http://webstandardsgroup.org/ >> See http://webstandardsgroup.org/mail/guidelines.cfm >> for some hints on posting to the list & getting help >> ***************************************************** >> >> >> >> > ***************************************************** > The discussion list for http://webstandardsgroup.org/ > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ***************************************************** ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
