как установить фоновое изображение в кнопке отправки?
Я должен использовать изображение вместо регулярной кнопки отправки? какой способ был бы лучшим в xhtml/css?
Кнопка должна посмотреть то же во всех основных браузерах включая IE6, IE7
Обычно я это делаю со следующим css:
div#submitForm input {
background: url("../images/buttonbg.png") no-repeat scroll 0 0 transparent;
color: #000000;
cursor: pointer;
font-weight: bold;
height: 20px;
padding-bottom: 2px;
width: 75px;
}
и разметкой:
<div id="submitForm">
<input type="submit" value="Submit" name="submit">
</div>
Если в разных браузерах все выглядит по-разному, я умоляю вас использовать сбросить таблицу стилей, которая устанавливает все поля, отступы и, возможно, даже границы на ноль.
Обычно можно использовать один (или несколько) тегов изображений, возможно, в сочетании с настройкой фоновых изображений div в css, чтобы они действовали как кнопка отправки. Фактическая отправка будет выполняться в javascript по событию щелчка.
учебник по этой теме.
.button {
border: none;
background: url('/forms/up.png') no-repeat top left;
padding: 2px 8px;
}