0 Replies Latest reply on Feb 22, 2010 4:35 PM by Coffee_Elf

    Help with link formatting?

    Coffee_Elf

      Hello,

       

      I'm trying to create buttons that looks like this:

       

      http://corvy.com/portfolio/images/button.png

       

      I need the entire red area to be clickable / rolloverable. I can get pretty close with the following:

       

      a.menuButton,a.menuButton:link,a.menuButton {

          display: block;

          color: #000000;

          background-color: #ff0048;

          font-weight: bold;

          font-size: 12px;

          width: 151px;

          height: 22px;

          text-align: right;

          text-decoration: none;

      }

       

      But I want the text to bleed off the top and right. Is this possible? Setting negative margins / padding just moves the entire thing around relative to the page. I could use an image as a last resort, but I'd rather use text and html elements. Thanks.