Dsc_0188_4_bigger

Negative margins are your friends.

by Adam Darowski Aug 10, 2010
Shot_1281462468
Tweet
90 views
http://drbl.in/qli
Icon-colordrop

Tags

  1. 60
  2. 41
  3. 37
  4. 16
  5. 2

1 Response

  1. Dsc_0188_4_bigger Adam Darowski

    The CSS to get the active (yah) tab to poke up a lil' bit. Kind of your standard CSS problem, but I hadn't had to do it in a while and figured I'd post it in case it's helpful...

    ul#navigation li a {
    display: block;
    padding: 5px 10px;
    }

    ul#navigation li a.yah {
    background-color: #FFF;
    border: 1px solid #D0E1FD;
    border-bottom: none;
    margin: -3px 0 -1px;
    padding: 7px 15px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    *height: 1%;
    }

    The bold part makes it work. Toss some negative margins in there, then add some padding to help the box stretch vertically.

    likes

    almost 2 years ago

keyboard shortcuts: ← previous shot → next shot L or F like