mintonman's dashboard

Hi, maybe this will help ...
Whenever I want to align text to images I use this code:

align text to right of image

<img src="" width="" height="" alt="" align="left" style="margin-right:12px;">
text to be aligned to the right of image,
with margin of 12 px between image and text
<br clear="left">
rest of content, no more to the right of image

align text to the left of image

<img src="" width="" height="" alt="" align="right" style="margin-left:12px;">
text to be aligned to the left of image,
with margin of 12 px between image and text
<br clear="right">
rest of content, no more to the left of image

If you are using the Point-and-Click editor you will have to write this code manually, in source mode or with HTML plugin.

Hi Clif -

images aren't too wide (Listening.jpg is 300px, Cecilia.jpg is 100px and SmallGroup.jpg is 179px), and if I take out the "align" tags, they are happily displayed (but only at left, with no text wrapping) alongside the SideBar.

So the issue isn't image width. (I've run up against that one before here, so now always set the width attribute for my images)

If you look at the home page (in Firefox) and scroll down, you'll see three images gathered on a level with the Share This box under the SideBar. (If you change the font size with [Ctrl]+ [+], you'll see that these three photos maintain themselves level with the Share This box. At particular font sizes, they may also be above, below, or on a level with (and overlapped by) the fourth photo in the page (linked in from flickr) - which behaves itself, as it doesn't have an align tag (but therefore can't have text wrapped around it).

Removing the SideBar is possible - but a huge pain on my Front Page, where I really want it!

We could really do with a way to use these not-hugely-obscure img attributes to make pretty layout of text and images next to the SideBar without having to always resort to tables (as I do further down the rather long front page). It certainly used to work fine a few months ago ...

And looks like my code examples got snaffled in my last post - I meant a (left tag bracket) br clear="all" (right tag bracket), and then a (left tag bracket) br clear="left" (right tag bracket).

Thanks again for your help!

It sure sounds like your images are simply taking up too much space. Try making them smaller. Our SideBars do cause stuff to drop down if it's too wide to be displayed next to the SideBar.

The only other option is to remove the SideBar on that page.
See this page for help with that.
http://getsatisfaction.com/pbwiki/top...

Hi Clif,

thanks for the tip - using the HTML plugin doesn't fix the glitch though.

Actually, the images aren't disappearing, they are moved to immediately after the bottom of the sidebar - suggests to me that the sidebar is rendered in some way that interacts with other elements?

I tried adding a
, and then a
at the top (just before the first paragraph) - the first moves all the main text down below the bottom of the sidebar, the second restores the text, but leaves the images down there.

Anybody know what's up with the sidebar element that breaks the "align" functionality in the main page? It's a pretty basic function for keeping basic visual control over layout of text and images ...

(I know my front page source code looks complicated - but much of it is a long piece of javascript that just gives a random quote in the sidebar quote box ...)

All help gratefully appreciated!

Hi Mintonman,

Wow! I peeked at your FrontPage and the code. You are into some advanced editing there.

Just a suggestion:
Try adding the image tags by using the HTML plugin. That may preserve the functions correctly.

The use of the HTML plugin may also help you with other HTML structures that our editor may not want to leave alone.

Let us know if that helps.