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 .
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.