Wrapping text around an irregular image

On my home page - http://www.expat-online.com/ - you will see a picture of a basketball player. I would like to wrap the text around the irregular shape of this image. Can anybody help me to do this?

thanks.
tubizeAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

karelrambousekCommented:
Hello,
you can divide the picture to 2 parts. First part will go from top to beginning of NBA (vertically) the second will go from NBA to the bottom. Now you have two different images in size. Give the second under the first and divide the text to two parts, too. Now manually give the text and pic part into the table or just give picture(1), text-part 1<br> picture(2), rest of the text. I recommend to do this within a cell of table.
-K-
0
jagadeesh_motamarriCommented:
Actually the problem is with your image itself.....

The image size with just the player is around 120x160...when it comes to the whole image i.e including the logo NBA it is...155x177. So this size is considered here for rendering which is correct by itself. I mean the image is not an irregular one its a perfect rectangular image. so u cann't render it around the way u suggested. (One Bad/GOOD idea should be ....try cutting the image into the shape you wanted and save it....when u insert the image there the text automatically wraps around it when u align it with respect to the image)

0
karelrambousekCommented:
Yes, I have forgotten to say, that you must cut off the remaining part (rightmost) from the first part, but I mentioned that you will get two images different in size. You must divide the image to two parts.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

tubizeAuthor Commented:
Can you not wrap it around the actual displayed shape when the image has a transparent background? So what you are talking about is image slicing, right? Is that the only way? I have never done image slicing but I guess it is not that difficult.
Thanks
0
jagadeesh_motamarriCommented:
Hey u know what.....one more thing u can do is...put your image in the background and try pushing the text as per your need by inserting spaces...

I tried this way and it worked the way u wanted....



<div style="background:url('http://www.expat-online.com/Store/SkyDigital/IMAGES/NASN_bball.jpg') no-repeat top left;height:177px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Expatriate Online <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  has been marketing<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Sky Digital systems<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; to expatriates in Belgium <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for almost three years. <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; We can supply Sky+, <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; standard digibox and<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; accessories and <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;can ship to wherever <br />
the Sky signal can be picked up in Europe. <br />
Check out our Sky Digital Section for full<br />
details on getting English language TV for <br />
your family.</div>

..............&nbsp; is an empty space u need to insert.






0
jagadeesh_motamarriCommented:
or else the option that is left is just cuttint the image and wrapping it.......slicing.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
jagadeesh_motamarriCommented:
:)
0
karelrambousekCommented:
I don't understand, why have you accepted the jagadeesh_motamarri answer. I gave you same answer at the beginning (and this answer is less complicated to done)
LOL! I wanna see the accepted answer working :) Try to change the font size (by changing the default font size in IE or FF) :) And you are in trouble :)
-K-
0
tubizeAuthor Commented:
Sorry about that. I was just thinking that there should be a way to do it like you can in pagemaker or Quark Express where it automatically follows an irregular image. The simplest thing to do here actually is to use an image that does not have any part justting out like this one does.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Programming

From novice to tech pro — start learning today.