• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 279
  • Last Modified:

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.
0
tubize
Asked:
tubize
  • 4
  • 3
  • 2
1 Solution
 
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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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
 
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

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now