URl картинки в стилях?

[seva2]

URl картинки в стилях?

Есть кнопка
<input src="b_busket.gif" width="70" height="50" type="image" value="Положить в корзину" >

Как картинку кнопки назначать через клас css?

 

[kost]

css button image

 

[an_kalinovski]

1) Стиль задает картинку кнопке (обычной)
background: #F9FAFE url(./images/button.jpg) no-repeat;
2) Стиль делает кропку плоской
border:0px;

 

[seva2]

Сделал класс, а как сделать, чтобы если не заданам клас, то картинка бралась по умолчанию?

Спасибо

 

[an_kalinovski]

Откуда я знаю структуру своего кода - ситлями можно только контекстно задать - например если у тебя кнопка находися внутри какого-то элеметна - можно без задания ей класса "добраться" до нее стилями - приведи кусок кода вокруг кнопок.

 

[seva2]

echo'
 <table width="20%"  border="0" align="center">
  <tr><td><!--buybut--><form action="'.mlink($_GET['mag_durl'], "").'" method="post">
<input name="magaz" type="hidden" value="buy"><input name="mag_prodid" type="hidden" value="'.$_GET['mag_prodid'].'"><input name="mag_from" type="hidden" value="bistro"><input name="" src="'.param.pathimage.'/b_zakaz.gif" type="image"  width="70" width="50">';

	//<input  class="sotimg"  type="submit" value="">
echo'</form> <!-- buyend--></td>
  </tr>
</table>
 ';

Этого хватит?

 

[SelenIT]

можно вместо <input type="image"> использовать <button type="submit">все-что-угодно</button>, а уж button-у задавать любые стили.

 

[seva2]

Это я понял, а если например стиль не задан. то как назначить каринку по умолчанию?

 

[SelenIT]

button { background-image: url(img1.jpg) }
button.megasuper { background-image: url(img2.jpg) }

 

[seva2]

Почему-то стиль
button { background-image: url(img1.jpg) }
По умолчанию к кнопке не применяется, чем это может быть вызвано?