Log in

View Full Version : CSS oval buttons



emanuelle
05-15-2008, 06:15 AM
http://www.dynamicdrive.com/style/csslibrary/item/css_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

rangana
05-15-2008, 06:46 AM
This part controls how the hover image is displayed:


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 (http://www.w3schools.com/css/pr_background-position.asp) ;)

emanuelle
05-15-2008, 07:20 AM
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

rangana
05-15-2008, 07:36 AM
This part sets the text's height:


line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */

pqrs055
05-17-2008, 10:22 AM
As it is known to all, we often follow these ways when we are building the weight loss (http://loseweight.kmdali.com/) plan : exercises , slimming pills (http://loseweight.kmdali.com/chphp/slimmingproduct.php), 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 .