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
    390
    Thanks
    48
    Thanked 1 Time in 1 Post

    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
    353
    Thanks
    9
    Thanked 52 Times in 51 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
    •