[Pro] Text around an image?

Hi everyone

I have a problem with text around images. For example, I have an html item with simple text inside. I want to add a graphic item with a picture inside in the centre of the html item. Also I would like the text to be aligned around the image.

How is this possible in Freeway?

Thanks in advance


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can’t wrap text around both sides of an image (not easily,
anyway) but you can wrap around one side or the other very simply.
Just insert the image as an inline at the beginning of a paragraph,
and then set Align: right or left on that inline image. Add some
margin to the appropriate side so that the text doesn’t crash into the
image. (Both align and margin are found in the Inspector when the
image is selected – handles showing.)

If you do want to wrap text around both sides of an image, you have to
split the text into two columns, and then use negative margin to pull
the image out of the right column of text and over the left, and then
put a transparent gif spacer in the left column to hold the text away
from where that image is floating. It can be a very cool visual
effect, but it is very fiddly and relies on you being good at
character-counting and whatnot.

Walter

On Sep 7, 2011, at 11:13 AM, Michael Coldereo wrote:

I have a problem with text around images.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you really want an image to be surrounded by HTML text then you are out of luck.

You can do it with graphic text and you can also do it with HTML text over 2 columns http://www.deltadesign.co/examples/centred_image.html but HTML text will only run round one side.

Can you explain a bit more what you are trying to achieve.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve seen a technique to make a fake text wrap using a bunch of small divs that set each line length. It looks like more work than it’s worth but might be ok.

http://storage.couchfort.net/cssCurves/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There is also this…

http://www.csstextwrap.com/#wrapper

…but it doesn’t seem to work anymore for me.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yeah, that’s a good one. I’ve used it to good effect though it can be a bit fiddly, especially with complex shapes.

Todd

There is also this…

http://www.csstextwrap.com/#wrapper

…but it doesn’t seem to work anymore for me.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks a lot!!

I needed the image on the left and text right! I used waltd technique! The CssTextWrap is also a great feature, added this to my bookmarks!

cheers


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options