troubleshooting Question

glassy round edges buttons

Avatar of Refael
RefaelFlag for United States of America asked on
CSS
8 Comments1 Solution814 ViewsLast Modified:
Hi CSS experts

I got a request from my client to change current CSS button from plain green to glassy look with round edges.

This is the style hold the entire site button:

===============================================
div.forms {
padding-top:8px;
padding-bottom:10px;
}
div.forms div a {
background-color:#86AF20;
padding-top:2px;
padding-bottom:2px;
padding-right:10px;
padding-left:10px;
text-decoration:none;
color:#FFFFFF;
font-family:Tahoma, Verdana, sans-serif;
font-size:11px;
outline:none;
}
div.forms div a:hover {
text-decoration:underline;
color:#FFFFFF;
outline:none;
}
===================================================

And this is HTML code that produces the buttons

===================================================
<div class="forms" align="left">
<div>
<a href="www.mysite.com" target="_blank"><strong>Essential Nutrients" &raquo;</strong></a>
</div>
</div>
=====================================================
Knowing the each button has a different length (width) and there are around 50 buttons.
I have created a glassy look with round edges sliced them into 3 parts (left round edge, middle, right round edge).
I tried several options to re-apply the style using background image and background position to make it work. But unfortunately could find the right solution.

I would be happy if someone has an idea?
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 8 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 8 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros