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
    New to the CF scene
    Join Date
    Mar 2019
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question How to align Text on a skew div?

    Hey guys,

    have a tricky situation and a Problem which i wanna solve.
    In the Attachment you see a Picture, which explains my Problem.
    I have a DIV which is rotatet by css skew in y.

    Now i want in the following Div, which is not rotatet or something else, that the text have a left align and "flow" around the div...
    Easy to do with breaks and spacers, but Reposibilty is state of the art

    Thanks a lot!-skew-jpg

  2. #2
    New Coder
    Join Date
    Feb 2019
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You should use 20deg instead of 0deg on P to compensate for the DIV transform (since the result is the composition of transforms.)

  3. #3
    Administrator VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    11,257
    Thanks
    6
    Thanked 1,354 Times in 1,323 Posts
    Quote Originally Posted by priyankaarya View Post
    You should use 20deg instead of 0deg on P to compensate for the DIV transform (since the result is the composition of transforms.)
    That wouldn’t solve the OP’s problem because it would also rotate the text which is not desired. rico-87, look into the shape-outside property. But it won’t work in IE or Edge.

  4. Users who have thanked VIPStephan for this post:

    rico-87 (Mar 14th, 2019)

  5. #4
    New to the CF scene
    Join Date
    Mar 2019
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    That wouldnít solve the OPís problem because it would also rotate the text which is not desired. rico-87, look into the shape-outside property. But it wonít work in IE or Edge.

    Perfect! Vielen Dank / Thanks a lot
    I will do a Fallback for the IE or Edge. Then i just put a bigger margin-top to push the text down and thats it


 

Tags for this Thread

Posting Permissions

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