У меня были проблемы с двумя типами кнопок.
Это была кнопка формы и кнопка css. И мне посоветовали использовать кнопку css для отображения: inline-block;
Это сделало весь тег href фактически похожим на кнопку.
Но эта невидимая граница, кажется, что-то напортачила. Я попытался разделить их на отдельные классы CSS, но, как ни странно, применение реального поля к кнопке CSS также дает дополнительное поле. Что вызывает это?
Вы можете легко увидеть это здесь (низкая графика):
www.matkalenderen.no
В основном код выглядит так:
<input type="submit" value="Logg inn" class="button_blue" alt="ready to login">
<a class="button_css_red" href="access.php">Glemt passord</a>
CSS
.button_red, .button_blue, .button_css_red, .button_css_blue {
background-image:url("../img/sprite_buttons.png");
background-repeat:no-repeat;
border: none;
color:#FFFFFF;
display:inline-block;
display:inline-block;
font-size:12px;
height:27px;
width:98px;
}
.button_css_red, .button_css_blue {
margin-top:20px;
}