Welcome to WebmasterWorld Guest from 54.159.239.251

Forum Moderators: incrediBILL

Message Too Old, No Replies

positioning html text

can this be done?

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

Junior Member

10+ Year Member

joined:Oct 27, 2002
posts:99
votes: 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 June 26, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 4, 2002
posts:2204
votes: 0


Newnewbie1

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.

Ta

Liam

<edit>Terrible grammar!</edit>

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

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

Senior Member

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 25, 2002
posts:3185
votes: 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 June 26, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 8, 2001
posts:1402
votes: 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 June 26, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Dec 8, 2002
posts:87
votes: 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 June 26, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 25, 2002
posts:3185
votes: 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 June 26, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 18, 2003
posts:827
votes: 0


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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members