displaying inline image files

0 views
Skip to first unread message

Jeff

unread,
Dec 17, 2008, 5:25:25 PM12/17/08
to htmlwrapper
Hi,

Any tricks to getting inline graphics to display correctly? For
example:

2 <img src="onefifth.gif" align="absmiddle" /> + 3 <img
src="onefifth.gif" align="absmiddle" />

When I tried this in wrapper, the 1/5 image was displayed on the next
line (not inline with the text).

Thanks for any ideas!

Tyler Larson

unread,
Dec 17, 2008, 5:45:14 PM12/17/08
to htmlw...@googlegroups.com
Try putting a width and height of the image in the tag.

Jeff

unread,
Dec 17, 2008, 6:03:00 PM12/17/08
to htmlwrapper
Thanks for the suggestion... Alas, it still doesn't work. I think this
is an issue that has been ongoing with Flash.

I tried:
2 <img src="onefifth.gif" align="absmiddle" width="15" height="25" />
+ 3 <img src="onefifth.gif" align="absmiddle" width="15" height="25" /

Tyler Larson

unread,
Dec 19, 2008, 9:57:31 AM12/19/08
to htmlw...@googlegroups.com
Hey Jeff,
I've been working on a new version for some time and just tried out
this in the new version and seems to work fine. The text wraps around
the images. Are you looking for it to do anything else? I'm not really
sure what align="absmiddle" is suppose to do because it doesn't do
anything in normal html or in flash that I can see. You might be
looking for <p align="center"><img src="..." width="..." height="..." /
></p>

I can't release my new stuff yet but I think this should work the same
as in the older version.

-Tyler

Jeff

unread,
Dec 19, 2008, 10:17:38 AM12/19/08
to htmlwrapper
Hi Tyler,

Thanks for your reply. That ref to absmiddle was just me trying
(unsuccessfully) to remember the code for styling the image to valign
middle (ie style="vertical-align: middle;").

The real test for what I'm trying to do is to see if an image will
stay on the same line as other text. In my example I have the number 2
followed by an image of a fraction, followed by some more text. Flash
always puts the fraction image on the next line. Are you saying that
your new code will handle that situation? That would be great!

Since I wanted Flash to control the html content that is displayed, in
the meantime I'm solving the problem with a mix of Flash and HTML. I
have an html table that holds flash apps above and below the pure html
content and am able to communicate between them using the Flash
ExternalInterface.call method to access javascript functions which can
then update some html div's innerHTML. The header and footer flash
apps can communicate with each other too using the Flash
LocalConnection function so that whole page appears to work
seamlessly. I'm also mixing in some xajax to pull some server data.
It's a hybrid approach but seems to do the trick.

It's weird that Flash has never been able to display inline images in
html... I guess it's a hard problem to solve?

Jeff

in...@vancouveronlinemedia.com

unread,
Dec 19, 2008, 11:11:12 AM12/19/08
to htmlw...@googlegroups.com
Jeff,

Is it not doing so already?

see:

http://stevenstark.com/flash/2008/02/flashbrite3d-v2-free-img-to-3d/

align="left" or right

-Steven

Jeff

unread,
Dec 22, 2008, 9:50:35 AM12/22/08
to htmlwrapper
Looks like the page you mentioned below displays the text in one
column and the images in another... Do you have any examples of where
an image is between some text (like in my fraction example that I
provided at the beginning of this thread)?

On Dec 19, 11:11 am, "i...@vancouveronlinemedia.com"

in...@vancouveronlinemedia.com

unread,
Dec 22, 2008, 11:46:36 AM12/22/08
to htmlw...@googlegroups.com
Jeff,

Flash doesn't support that... and as far as I remember neither does HTML
(or if it does, it doesnt look right on all browsers).

Instead, use left or right with a 60% div and another 30% div to compensate.

Left and Right alignment are more visually pleasing. I see this as a
'non-issue'

-Steven

Jeff

unread,
Dec 22, 2008, 1:43:01 PM12/22/08
to htmlwrapper
I must not be communicating this very well :-)

Here's a wikipedia example under this URL (look at the 3/4 fraction
within the sentence under the heading Writing Fractions):
http://en.wikipedia.org/wiki/Fractions

The HTML for the sentence has the image between the word "thus:" and
the period.:

thus: <img class="tex" alt="\tfrac{3}{4}" src="http://
upload.wikimedia.org/math/0/a/6/0a68e73c11ad2348d7f564e980ecdbab.png" /
>.

Not to be able to do this in Flash, to me, -is- an issue.

It's simply displaying images inline with text. Flash has always moved
any inline image to the next line. I was hoping that someone might
have fixed this with something like imagewrapper. I'm not sure how
your div code will help me display a fraction image within text.

On Dec 22, 11:46 am, "i...@vancouveronlinemedia.com"

Tyler Larson

unread,
Dec 22, 2008, 2:24:37 PM12/22/08
to htmlw...@googlegroups.com
I agree this is a problem, I will look into it. I tried it out in the
old code base and it defiantly wraps to the next line. I will look
into fixing this, I know it is possible and remember a tread I was
reading on it a while ago having to do with smilies.
-Tyler
Reply all
Reply to author
Forward
0 new messages