Welcome to WebmasterWorld Guest from 22.214.171.124 , register , free tools , login , search , pro membership , help , library , announcements , recent posts , open posts Pubcon Platinum Sponsor 2014
positioning html text can this be done? newnewbie1
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?
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.
[ edited by: limbo at 1:22 pm (utc) on June 26, 2003] BlobFisk
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. 4eyes
Not tried this, but it should be possible to slice the image into a few smaller boxes and get this effect.
Sounds messy, though
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] BlobFisk
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! ;)
The other option is to use float image chunks [ meyerweb.com] ala Eric Meyer.