homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

positioning html text
can this be done?

 12:17 pm on Jun 26, 2003 (gmt 0)

Was wondering something...

I've got a circular jpg image, and I'd like to wrap some HTML text down the right hand side. I'd like for the text to wrap around the curve of the circle. It's about a paragraph of copy.

I realize that HTML is not like Pagemaker or any other print layout program. But... Is there any way to even try to attempt to do this?



 12:25 pm on Jun 26, 2003 (gmt 0)


I think you may be able to do this using a script - not sure. But I have to ask why you would want a script to do this. I imagine the code would be complicated and bulky and would difficult to control especially around curves. As you said something like pagemaker could do it - or Photoshop or Fireworks. I suggest you use a 'text to path' tool in either and export as part of your image.



<edit>Terrible grammar!</edit>

[edited by: limbo at 1:22 pm (utc) on June 26, 2003]


 12:26 pm on Jun 26, 2003 (gmt 0)

Unfortunately not. On an html page, all elements are box shaped - 4 straight lines. Even though your image is a circle, it is enclosed in a box and that is how the browser sees it.


 1:16 pm on Jun 26, 2003 (gmt 0)

Not tried this, but it should be possible to slice the image into a few smaller boxes and get this effect.

Sounds messy, though


 1:56 pm on Jun 26, 2003 (gmt 0)

Hi everyone

As 4eyes cleverly said, this could be done using boxes around your circular image.

papabaer, a senior member teaches how to do it:

CSS Image Text Wrap [bigbaer.com]


 2:52 pm on Jun 26, 2003 (gmt 0)

Sounds messy, though

It certainly does! Even with papbaer's solution, is it really worth all that extra effort? Is the end result that aethetically pleasing to warrant it?

In my opinion, it's not - but, that's just my (very) humble opinion! ;)


 5:20 pm on Jun 26, 2003 (gmt 0)

The other option is to use float image chunks [meyerweb.com] ala Eric Meyer.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved