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 2 of 2
  1. #1
    Regular Coder
    Join Date
    Nov 2010
    Posts
    585
    Thanks
    64
    Thanked 2 Times in 2 Posts

    Text in a Trapezoid Shaped Div?

    Hiya Everyone,

    Live Demo: Untitled Document

    My two blue containers are behind the curtains and for the top section, I would like to have some text. I don't want any of this text to become hidden and therefore I am hoping there is a way to have a trapezoid shaped container for the text to start off with the width being smaller and then go bigger towards the bottom and then furthermore if needed have a straight, not sure what the shape is called, think of a trapezoid on top of a box.

    Any of this possible?

    Best Regards,
    Tim

  • #2
    Regular Coder hdewantara's Avatar
    Join Date
    Aug 2009
    Location
    Jakarta, Indonesia.
    Posts
    415
    Thanks
    10
    Thanked 61 Times in 60 Posts
    Hello Tim.
    If your plan is to have some user-interaction contained by the blue div.Content, then perhaps it'd be easier when the div.Overlay is made "hollow" instead of just transparent? So 3 main parts for the div.Overlay: top, middle and bottom. The middle will consist of left-floated curtain and right-floated curtain. Hope it helps Hendra


  •  

    Posting Permissions

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