Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Nov 2010
    Posts
    390
    Thanks
    48
    Thanked 1 Time in 1 Post

    Question How to rotate text?

    Hello,

    I have managed to rotate my text nicely if it's by 90 degrees but not 270 degrees.

    Rotate by 90 Degrees:
    Code:
    p {
    	color:#333;
    	border:0px solid red;
    	writing-mode:tb-rl;
    	-webkit-transform:rotate(90deg);
    	-moz-transform:rotate(90deg);
    	-o-transform: rotate(90deg);
    	white-space:nowrap;
    	display:block;
    	bottom:0;
    	width:20px;
    	height:20px;
    	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
    	font-size:24px;
    	font-weight:normal;
    	text-shadow: 0px 0px 1px #333;
    	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

    Rotate by 270 Degrees:
    Code:
    p {
    	color:#333;
    	border:0px solid red;
    	writing-mode:tb-rl;
    	-webkit-transform:rotate(270deg);
    	-moz-transform:rotate(270deg);
    	-o-transform: rotate(270deg);
    	white-space:nowrap;
    	display:block;
    	bottom:0;
    	width:20px;
    	height:20px;
    	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
    	font-size:24px;
    	font-weight:normal;
    	text-shadow: 0px 0px 1px #333;
    	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    Does anyone have any idea why it's not working please?

    Best Regards,
    Tim

  • #2
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    In which browsers does it work/not work?

    I understand for IE that you need to set it to "Standard IE9" browser mode, but that it is also a bit buggy.
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #3
    Regular Coder
    Join Date
    Nov 2010
    Posts
    390
    Thanks
    48
    Thanked 1 Time in 1 Post
    Quote Originally Posted by AndrewGSW View Post
    In which browsers does it work/not work?

    I understand for IE that you need to set it to "Standard IE9" browser mode, but that it is also a bit buggy.
    I'm using Chrome.

    I've just uploaded an example here

    Let me know if you want to see the style 1 I added as that one works but it's the wrong rotation.

    Best Regards,
    Tim

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    831
    Thanks
    10
    Thanked 79 Times in 77 Posts
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •