применение CSS к тегам <html: link> - PullRequest
1 голос
/ 13 июня 2011

Я начинаю использовать распорки и испытываю трудности с применением моих css к тегам.

<html:link action="LoginLink" styleClass="loginButton"/>

Как правило, я хочу применить изображение кнопки к ссылке, которая ведет на страницу входа.

Я успешно использовал этот метод в кнопках отправки для форм, и я подумал, что то же самое можно применить к ссылкам, однако он отображался неправильно.

<html:submit styleClass="submitButton" value=" " ></html:submit>

Чтобы добавить, я могу видеть верхнюю часть моего изображения кнопки, когда помещаю какой-то текст в ссылку, например:

<html:link action="LoginLink" styleClass="loginButton" >Some text here</html:link>

Существуют ли какие-либо альтернативные теги, которые я могу использовать, или есть какой-либо способ установить высоту и ширину (в пикселях) тега ссылки, чтобы кнопка могла нормально отображаться?

также вот css для кнопки login для справки:

.loginButton {
    border:none;
    background:url('../images/adminbutton.png');
    height: 59px;
    width: 138px;
}.loginButton:hover {
    background:url('../images/adminbutton2.png');

}.loginButton:active {
    position:relative;
    top:1px;
}

1 Ответ

1 голос
/ 13 июня 2011

Попробуйте добавить это свойство

display: block;

в .loginButton

...