applying css to <html:link> tags

Question

I'm starting out in using struts and I'm finding difficulty in applying my css on the tags.

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

Basically I'd want to apply a button image on a link which goes to a login page.

I've used this method successfully in submit buttons for forms and I thought that the same could apply to the links, however it was not displaying properly.

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

To add, I am able to see the top part of my button image when I place some text on the link like for example:

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

Are there any alternative tags that I am able to use or is there any way to set the height and width (in pixels) of the link tag so that the button can appear normally?

also here is the css for the loginButton for reference:

.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;
}

Answer 1

Try to add this property

display: block;

to .loginButton