Forum Moderators: open

Message Too Old, No Replies

Curved text formatting

         

JakeFrederick

8:57 pm on Sep 29, 2001 (gmt 0)

10+ Year Member



What's the best way to format a paragraph of text along a curve? The only thing that I can think of is using blocks of space or formatting each line individually. What would the cons of doing it either of these ways be? I figure that if I set the font size and type there shouldn't be any trouble with different browsers throwing the formatting off, is there any thing else I should consider?

Marcia

10:58 pm on Sep 29, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Jake, I don't think I'd choke up the code with a lot of &n b s p;  Would it work to use just one little 1x1 pixel clear gif and give it varying widths on the different lines? True, there would be an image tag on each line, but it seems it would be more compact than an infinite number of  &n b s p;

Added: the blank spaces disappeared when typed without the spaces, can't imagine why :)
You get the drift, the typed in symbol for a blank space.

MikeFoster

5:25 am on Sep 30, 2001 (gmt 0)

10+ Year Member



You could wrap each character in a span and use relative positioning.

Beagle

4:13 pm on Sep 30, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You could use the <pre> tag as well in the same way that ascii art folks do...

Brett_Tabke

11:40 am on Oct 4, 2001 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



When you say "curve", you mean just a stair step effect? Or a shape that is rounded?

rgodz1

1:43 pm on Nov 5, 2001 (gmt 0)



I am a little new to some of the advanced features of DHTML in particular the <div> and <span> tags in the raw code and how these actually work in layers and positioning (relative or absolute). Can you explain how you would wrap a character in a span and use relative postioning to create the effect of text on a path or curve? ie. a very cool typographical effect in a web page.