Forum PHP.pl > Wstawienie ikonki obok tekstu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wstawienie ikonki obok tekstu

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

allexxiaa

30.03.2011, 16:59:31

[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

31.03.2011, 13:55:40

[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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.