Inserting images in body - it is working for spreadfirefox.com
elbarcino - January 28, 2006 - 13:35
| Project: | CivicSpace Theme |
| Version: | 4.6.x-1.x-dev |
| Component: | Miscellaneous |
| Category: | bug report |
| Priority: | critical |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
I am having problems when inserting images in the body of the main content table. Everythings looks fine with Firefox but Internet Explorer shows the image in one row and the text in a second row leaving a white space next to the image.....please see screenshots attached....
| Attachment | Size |
|---|---|
| screenshot_IExplorer.png | 92.61 KB |
#1
this is a huge issue for me as well... I have been unable to isolate the IE css bug that leads to this behavior... but ure would love some help on it at this point.
(same problem in IE 7.0.5296 beta 2)
#2
well, I'm seeing it too, and I was hoping to make more extensive use of images within body at my site (www.warrenernst.com).
I'm no css expert - perhaps "hacker" in the worst sense of the word applies to me - but I'm going to start looking into it too.
I'll report back if I find anything. If anyone else has discovered what's going on, please speak up...
-Warr
#3
So I was reading something in Wikipedia, that www.spreadfirefox.com is using the Civicspace theme, and hey, it sure does look like it.
And with this in mind, I started looking for a story where there was an embedded image in the body, and I found one:
http://www.spreadfirefox.com/node/19915
and viewable in context (at least for now) at:
http://www.spreadfirefox.com/node?from=60
And now here's the thing.
Text is wrapping around the photo CORRECTLY in both Firefox AND Internet Explorer.
In other words, this bug isn't happening over there.
I've only started looking into why that is, and have not yet found anything. Perhaps someone else with better trained eyeballs can check things out?
-Warr
#4
You know, it occurs to me I should at least mention what I *think* is going on at SpreadFirefox...
Here's the code for the image tag that inserts the image:
div class="content">
<p ><img width="193" height="274" border="0" align="left" class="imageleft" alt="VFX Summit" src="http://www.delhaes.com/media/VFXsummit.jpg"> I haven’t really gotten around posting these last days.
<code>
And here's what's on my site, equivalent code:
<code>
div class="content">
<div id="local-tasks">
</div>
<p> <a href="http://www.warrenernst.com/node/view/82"><br />
<img src="http://www.warrenernst.com/images/thumbs/thumb_qbic_external_ps_fan-82.jpg" align="right" border="0" hspace="0" vspace="0" /></a>So, imagine my
And here's the difference I see. Spreadfirefox's IMG tag has a new class statement:
class="imageleft"
I'm assuming their css file has something for imageleft like:
imageleft {FLOAT: left; MARGIN: 6px 6px 6px 6px };
Does this jive with anyone? Any thoughts?
-Warr
#5
How could I attached images in between a text and also how could I made a number of rows for a drupal page for displaying rows wise contents.
Please help !!