How to make menu options (top of screen) appear as buttons?

Last post 03-10-2009 5:24 AM by Hexagon Global. 1 replies.

Sort Posts:

  • How to make menu options (top of screen) appear as buttons?

    01-12-2009, 12:36 PM
    • Member
      87 point Member
    • SteveSharp
    • Member since 05-25-2006, 8:45 PM
    • Posts 23

    Does anyone know how to change css for the top menu buttons so that they look like buttons?

    Thank you for any input.

  • Re: How to make menu options (top of screen) appear as buttons?

    03-10-2009, 5:24 AM

    Here's a simple linkbutton example.  It is not specific to the SBSK, but easily modified.

     

     <style type="text/css">
        A.button
            {
                background-image: url('images/bbg.gif');
                background-repeat: repeat-x; background-color: #3399ff;
                border-color: #0f8bdc; border-style: solid; text-decoration: none;
                border-width: 1px; color: white; cursor: hand; font-size: 11px; margin: 4px;
                font-family: Verdana,Arial,Helvetica,sans-serif; padding: 3px 12px;
            }
            
       A.button:hover
            {
                background-image: url('images/bbgh.gif'); color: black;
            } 
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div style="height: 50px" >
        <asp:LinkButton ID="LinkButton1" runat="server"
            CssClass="button">Roll Over Me Now</asp:LinkButton>
        </div>
        </form>
    </body>
    </html>
    
     
    Filed under:
Page 1 of 1 (2 items)