Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthorSpookyET
    • CommentTimeDec 29th 2005
     permalink
    I'm having a border problem. I want a heading to have a fat 10px left yellow border and a 1px #555 top and bottom borders. The problem is that the top 1px border overwrites the left border while the bottom one does not. So, the 10px of yellow have a 1 px line on top.
    • CommentAuthoradmin
    • CommentTimeDec 29th 2005
     permalink
    I'm not sure if there's a fix for that, however you can fake it by creating an image with the yellow left border and the top border, and set that as the background for the heading.

    Then all you need to do is give it a border bottom and you'll have the desired effect.
    • CommentAuthorGustavs
    • CommentTimeDec 30th 2005
     permalink
    Agree that you propably should use a image to fake it.
  1.  permalink
    You cannot change the orders of what border overlaps what. AFAIK, the order is, top/bottom overlap left/right.
    •  
      CommentAuthorSpookyET
    • CommentTimeJan 4th 2006
     permalink
    That's good to know. I used an image. http://www.ksuicehockey.com It still needs a little work.
    • CommentAuthorJohnnyX
    • CommentTimeJan 20th 2006
     permalink
    border overlaps are really inconsistant crossbrowser: http://cssplay.co.uk/boxes/borders.html
    •  
      CommentAuthorSpookyET
    • CommentTimeJan 20th 2006
     permalink
    Thank you. I used an image instead.
Add your comments
    Username Password
  • Format comments as (Help)