Wstawienie ikonki obok tekstu Opcje

[allexxiaa]

[HTML] pobierz, plaintext 
<ul>
<li><a href="#" class="button">Button 1</a></li>
<li><a href="#" class="button">Button 2</a></li>
<ul>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
ul {
	list-style-type: none;
}
 
a.button {
	border: 1px solid #0094D8;
        background: #81E3F4; 
        background: -moz-linear-gradient(top, #81E3F4 0%, #0094D8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81E3F4), color-stop(100%,#0094D8));
	width: 190px;
	display: block;
	padding-left: 40px;
	margin: 15px auto;
}
[HTML] pobierz, plaintext 

W którym miejscu można wstawić obrazek ikony (bakcground-image) obok tekstu Button 1?

[webfreak]

[HTML] pobierz, plaintext 
 
ul {
	list-style-type: none;
}
 
a.button {
        background:url(sciezka/do/obrazka.png) no-repeat;
        padding-left:20px;
	border: 1px solid #0094D8;
        background: #81E3F4; 
        background: -moz-linear-gradient(top, #81E3F4 0%, #0094D8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81E3F4), color-stop(100%,#0094D8));
	width: 190px;
	display: block;
	padding-left: 40px;
	margin: 15px auto;
}
[HTML] pobierz, plaintext 

jesli szerokosc przycisku sie zmieni i nie bedize ci pasowac odejmij wartosc padding od width

Ten post edytował webfreak 31.03.2011, 13:58:30