Advanced Search

Results 1 to 5 of 5

Thread: CSS oval buttons

  1. #1
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default CSS oval buttons

    http://www.dynamicdrive.com/style/cs..._oval_buttons/

    where do I locate the mouseover images in the css?
    I see that for example on the orange bt, when mouseover it gets a darker color(image)
    but it doesn't show in the css

  2. #2
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    This part controls how the hover image is displayed:
    Code:
    a.ovalbutton:hover{ /* Hover state CSS */
    background-position: bottom left;
    }
    
    a.ovalbutton:hover span{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
    }
    It's one image...the trick used is CSS's background-position
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  3. The Following User Says Thank You to rangana For This Useful Post:

    emanuelle (05-15-2008)

  4. #3
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    i stil have a small problem with this script:
    how can I center (vertically) the text? it is too low now. I want to have it 1px higher

  5. #4
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    This part sets the text's height:
    Code:
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  6. #5
    Join Date
    May 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool weight loss : exercises , slimming pills

    As it is known to all, we often follow these ways when we are building the weight loss plan : exercises , slimming pills, diet therapy, slimming machine ( eg. High-frequency vibration belly fat removing instrument), acupuncture treatment , healthy diet , reducing alcohol take-in, and herbal weight loss . Unfortunately , few of them are effective and no rebound .

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
  •