Hello and welcome to our community! Is this your first visit?
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
    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,

  2. #2
    Regular Coder hdewantara's Avatar
    Join Date
    Aug 2009
    Jakarta, Indonesia.
    Thanked 78 Times in 76 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