Turning and element to go vertical

[Joshua Partogi]

Dear all,

First of all I would like to say sorry if this question sounds silly. Is it possible to turn an element to go vertical with mootools? Is there any mootools function to achieve this?

Kind regards,

--
Join Scrum8.com.

http://blog.scrum8.com
http://twitter.com/scrum8

[Oskar Krawczyk]

What do you mean?

[Joshua Partogi]

Let's say I have a text inside a div. Usually a text will be displayed
in horizontal. I would like to turn that div so the text will be
displayed horizontal. In other words I would like to turn the element
to 90 degrees. Is it possible doing this with Mootools?

Kind regards,

[Fábio M. Costa]

theres no plugin for this but it would be easy.
turn this:

<div>text</div>

into this:

<div>
 <div>t</div>
 <div>e</div>
 <div>x</div>
 <div>t</div>
</div>

And take care of your css.

Fábio Miranda Costa
Engenheiro de Computação
http://meiocodigo.com

[Oskar Krawczyk]

Oh, as in rotate the element. Well, no, this is currently doable via CSS on three browsers: 

Safari 3.0+ (Chrome since it's also WebKit based) and Firefox (3.5+) by using CSS Transforms and IE6+ by using CSS Filters.

#element {

-webkit-transform: rotate(90deg);

-moz-transform: rotate(90deg);

}

I can't remember how to do it in IE.

[Fábio M. Costa]

hmm my doesnt work like this.
Nice to know this, thanks Oskar.

Theres also the possibility of using svg for this.

Fábio Miranda Costa
Engenheiro de Computação
http://meiocodigo.com

[Joshua Partogi]

Aaah. You're right. I was looking for something like this. Thanks for
the info Oskar.

Cheers.