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 5 of 5
  1. #1
    Regular Coder
    Join Date
    Dec 2010
    Posts
    139
    Thanks
    17
    Thanked 6 Times in 6 Posts

    Minus Border Width



    Whats the best way of creating the effect on the edge of the twitter section ?

    Code:
    	border-width:0 7px;
        -webkit-border-image: url(images/border2.png) 50 50 50 50 repeat;
        -moz-border-image: url(images/border2.png) 0 50 repeat;
        border-image: url(images/border2.png) 0 50 repeat ;
    Using this



    But the border stays within the tweet div so does not show transparent background.

    I don't know another way of doing it because you can't use negative border widths.

  • #2
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Not entirely sure I've understood, but there is 'border-color: transparent;' for a transparent border, but I don't know whether it's universally supported.
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • Users who have thanked AndrewGSW for this post:

    CHEWX (05-08-2011)

  • #3
    Regular Coder
    Join Date
    Dec 2010
    Posts
    139
    Thanks
    17
    Thanked 6 Times in 6 Posts
    basically, how would you go about making the jagged border on the twitter div ?

    this div does resize height wise..

    just not sure the best way to go about it. I want something universal really.

  • #4
    Regular Coder
    Join Date
    Dec 2010
    Posts
    139
    Thanks
    17
    Thanked 6 Times in 6 Posts
    issue has been fixed. transparent border colour did not work, i used background-clip !

    thanks anyway.

  • #5
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    No problem.

    Background-clip is a CSS3 property and (like a transparent colour) is not hugely supported. However, there is some helpful information about it at css tricks.
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS


  •  

    Posting Permissions

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