SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Threaded View

  1. #1
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    822
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Question CSS Menu Hover That Overflow LI Item

    I would like to know how the hover on this menu item is accomplished with the use of CSS.

    Is this nothing more than a gradient background image with the use of border -radius and width that overflows the original size of the 'LI' item?

    Such as:
    li a {
    width: 189px;
    padding: 11px 23px;
    background: #FFF;
    color: #333;
    font: blah blah
    border-bottom: 1px solid #333;
    text-align: left;
    }

    li:hover {
    width: 181px;
    padding: 11px 31px;
    background: #a71b17 url(imageblah.jpg) no-repeat 0 0;
    box-shadow: yada yada;
    border-radius: blah blah;
    color: #FFF;
    font: blah blah;
    border-bottom: none;
    text-align: left;
    }

    I'm open to suggestions.

    Thank you!
    Attached Images Attached Images


Bookmarks

Posting Permissions

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