troubleshooting Question

css3 button - img

Avatar of Panos
PanosFlag for Germany asked on
CSS
6 Comments1 Solution508 ViewsLast Modified:
Hello experts.
I want to create a css3 button and use inside one png image on the left and inline the text of the button.
Unfortunately i can't center the image and the span (i use a span for the text.)
Any help?
.CSS3BUTTON {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;<wbr ></wbr>
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	 -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; 
	background:-webkit-gradien<wbr ></wbr>t(linear,0<wbr ></wbr>% 0%,0% 100%,from(rgba(255,255,255<wbr ></wbr>,1)),to(rg<wbr ></wbr>ba(185,185<wbr ></wbr>,185,1)));<wbr ></wbr>
	background:-moz-linear-gra<wbr ></wbr>dient(top,<wbr ></wbr>rgba(255,2<wbr ></wbr>55,255,1),<wbr ></wbr>rgba(185,1<wbr ></wbr>85,185,1))<wbr ></wbr>;

	padding:5px 5px 5px 5px;
}

.CSS3BUTTON:hover {
	background:rgba(240,240,24<wbr ></wbr>0,1);
}

.CSS3BUTTON:active, .button:focus {
	background:-webkit-gradien<wbr ></wbr>t(linear,0<wbr ></wbr>% 100%,0% 0%,from(rgba(255,255,255,1<wbr ></wbr>)),to(rgba<wbr ></wbr>(185,185,1<wbr ></wbr>85,1)));
	background:-moz-linear-gra<wbr ></wbr>dient(bott<wbr ></wbr>om,rgba(25<wbr ></wbr>5,255,255,<wbr ></wbr>1),rgba(18<wbr ></wbr>5,185,185,<wbr ></wbr>1));
}

.CSS3BUTTON:disabled {
	color:rgba(0,0,0,0.4);
	text-shadow:1px 1px 0px rgba(255,255,255,0.5);
	background:rgba(220,220,22<wbr ></wbr>0,1);
}

<div  class="CSS3BUTTON" style="width:200px;margin-<wbr ></wbr>top:10px; cursor:pointer;"  align="center"><img src="/img/manual_small.png<wbr ></wbr>" border="0" ><span>test <br>test</span></div>
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 6 Comments.
Start Free Trial
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 6 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