Loading Profile...
Images are not visible in Firefox or Opera
Hi there,
I've been having trouble adding images to my pbwiki pages and aligning them to left or right.
It's often worked before - but at the moment, when I add images and align them left or right, they don't seem to show up when Firefox or Opera are used to browse that page (IE works fine). If I remove the "align" bit of the "img" tag, the images show up - but not in the layout I want, obviously.
It's not a very complicated page (homepage of the wiki, at foleshillfields.pbwiki.com) - and the source code looks sensible and fine.
Please help!!!!!
I've been having trouble adding images to my pbwiki pages and aligning them to left or right.
It's often worked before - but at the moment, when I add images and align them left or right, they don't seem to show up when Firefox or Opera are used to browse that page (IE works fine). If I remove the "align" bit of the "img" tag, the images show up - but not in the layout I want, obviously.
It's not a very complicated page (homepage of the wiki, at foleshillfields.pbwiki.com) - and the source code looks sensible and fine.
Please help!!!!!
I’m frustrated
1
person has this problem
I have this problem, too!
Tell me when someone solves it.
The more people who report this problem, the more it gets noticed.
The more people who report this problem, the more it gets noticed.
-
Inappropriate?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.
I’m hoping this helps.
-
Inappropriate?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!
I’m still frustrated!
-
Inappropriate?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... -
Inappropriate?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!
I’m glad you're helping, but still frustrated!
-
Inappropriate?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.
EMPLOYEE
