Web Design Forums

sleepingfish · 07-01-2005, 06:42

Not for me. A friend just asked how he could achieve diagonal text using CSS. Now off the top of my head I have no idea, wondered whether any of you lot had a solution?

Chairs.

cam · 07-01-2005, 07:43

Can't as far as i'm aware, images would be the way to go here

sleepingfish · 07-01-2005, 09:26

Yeh. that's what I thought, I suggested a UL LI method if there were only a few letters (sticking a margin-left value on the LI's which he seemed happy with.

Mr Fred · 07-01-2005, 09:32

more pertinent - did you ask why he wanted diagonal text?

oli · 07-01-2005, 09:35

PHP Code:

sleepingfish · 07-01-2005, 09:36

Quote:

Originally Posted by oli

PHP Code:

Indeed, its on a need-to-know basis.

Mr Fred · 07-01-2005, 10:07

I don't need to know - shame it can be done.

sleepingfish · 07-01-2005, 10:10

You big tease.

As you may have noticed through the cunning use of an "?" icon, I need to know.

Mr Fred · 07-01-2005, 10:15

Quote:

Originally Posted by oli

PHP Code:

oli couldn't even get that straight!

tomson · 07-01-2005, 10:24

tilt your head

sleepingfish · 07-01-2005, 10:37

My first suggestion was 2 copies of the Yellow Pages under one side of his monitor, however I don't think its strictly CSS.

Brown · 07-01-2005, 10:56

not sure about strict but probably won't validate.

Scott · 16-02-2005, 14:04

u need 3 at least to perfect it

hawken · 14-03-2005, 22:49

flash object + text file = any text in any direction in any font

spuddle · 18-01-2008, 20:00

I know this is an old thread, but the answers in here aren't useful, anyone seen any new implementations of this? I'm looking for a similar solution so that I can have a simple input form on a slightly angled pseudo-3d post-it for a fun design.

I found this Javascript, IE only solution but obviously it's not really useful when you want to support all the browsers: Fun with the MSIE matrix filter

herkalees · 18-01-2008, 20:15

It can't be done (easily) because it shouldn't be done.

spuddle · 18-01-2008, 21:07

Quote:

Originally Posted by herkalees

It can't be done (easily) because it shouldn't be done.

So, are you going to go campaign against W3C for implementing this in CSS3? Because it shouldn't be, but is coming?

herkalees · 18-01-2008, 21:13

Yeah... no.

Larixk · 19-01-2008, 05:49

Quote:

Originally Posted by hawken

flash object + text file = any text in any direction in any font

yup, sort of like this.
Working with sifr it's even easier.

07-01-2005, 06:42	#1 (permalink)
sleepingfish css is for divs Join Date: Feb 2003 Location: Norwich Posts: 4,508	Diagonal Text?! Not for me. A friend just asked how he could achieve diagonal text using CSS. Now off the top of my head I have no idea, wondered whether any of you lot had a solution? Chairs.

07-01-2005, 07:43	#2 (permalink)
cam vague™ Join Date: Mar 2004 Location: Glasgow Posts: 5,489	Can't as far as i'm aware, images would be the way to go here __________________ The Blog™ \| Twitter \| LinkedIn

07-01-2005, 09:35	#5 (permalink)
oli I Call Shenanigans™ Join Date: Feb 2003 Location: Manchester, England. Posts: 9,893	PHP Code: `w h y n o t ?`

16-02-2005, 14:04	#13 (permalink)
Scott sanddancer Join Date: Feb 2004 Location: South Shields Posts: 2,921	u need 3 at least to perfect it __________________ flick me

14-03-2005, 22:49	#14 (permalink)
hawken Cornish Pasty Join Date: Nov 2003 Location: Tokyo, Japan Posts: 2,670	flash object + text file = any text in any direction in any font __________________ my blog & portfolio sexy combined package

07-01-2005, 09:26	#3 (permalink)
sleepingfish css is for divs Join Date: Feb 2003 Location: Norwich Posts: 4,508	Yeh. that's what I thought, I suggested a UL LI method if there were only a few letters (sticking a margin-left value on the LI's which he seemed happy with.

07-01-2005, 09:32	#4 (permalink)
Mr Fred Magazines™ Join Date: Mar 2003 Location: Glasgow.. Posts: 11,427	more pertinent - did you ask why he wanted diagonal text?

07-01-2005, 10:07	#7 (permalink)
Mr Fred Magazines™ Join Date: Mar 2003 Location: Glasgow.. Posts: 11,427	I don't need to know - shame it can be done.

07-01-2005, 10:10	#8 (permalink)
sleepingfish css is for divs Join Date: Feb 2003 Location: Norwich Posts: 4,508	You big tease. As you may have noticed through the cunning use of an "?" icon, I need to know.

07-01-2005, 10:24	#10 (permalink)
tomson Christ on a bike Join Date: May 2003 Posts: 3,320	tilt your head

07-01-2005, 10:37	#11 (permalink)
sleepingfish css is for divs Join Date: Feb 2003 Location: Norwich Posts: 4,508	My first suggestion was 2 copies of the Yellow Pages under one side of his monitor, however I don't think its strictly CSS.

07-01-2005, 10:56	#12 (permalink)
Brown volkswagen yellow & gold Join Date: Apr 2003 Location: london, england. Posts: 6,186	not sure about strict but probably won't validate.

18-01-2008, 20:00	#15 (permalink)
spuddle Registered User Join Date: Nov 2007 Posts: 23	I know this is an old thread, but the answers in here aren't useful, anyone seen any new implementations of this? I'm looking for a similar solution so that I can have a simple input form on a slightly angled pseudo-3d post-it for a fun design. I found this Javascript, IE only solution but obviously it's not really useful when you want to support all the browsers: Fun with the MSIE matrix filter

18-01-2008, 20:15	#16 (permalink)
herkalees Semantics, yay. Join Date: Nov 2005 Location: Salem, Massachusetts Posts: 1,126	It can't be done (easily) because it shouldn't be done. __________________ Writing on markup, CSS, and other web geekery Professional, accessible, and search engine friendly web site development by Boston Web Studio

18-01-2008, 21:13	#18 (permalink)
herkalees Semantics, yay. Join Date: Nov 2005 Location: Salem, Massachusetts Posts: 1,126	Yeah... no. __________________ Writing on markup, CSS, and other web geekery Professional, accessible, and search engine friendly web site development by Boston Web Studio

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search