www.webdeveloper.com
Results 1 to 6 of 6

Thread: slanted div

  1. #1
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167

    slanted div

    Is there anyway to create a slanted div -- not slanted borders, like Eric Meyer's Slantastic, but a slanted div that contains text?

    KDLA
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  2. #2
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,773

  3. #3
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    Yeah -- I tried stacking floated divs, but couldn't get IE to cooperate. This might get me closer. My challenge is to do this transparently.
    Thanks
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  4. #4
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,773

  5. #5
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    I kind of did that. It's a <ul> of announcements; I made the width and margin of each <li> fit the slant. Problem is, when the text wraps, I lose the slant because the text becomes a block based on the 1st line's width.

    Finally, my imagination has surpassed my CSS skills -- used to be opposite: I didn't know of all the possibilities. :P
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  6. #6
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,773

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles