Why not? The h:commandLink tag renders an html <a> tag. It doesn't actually use the normal <a> behaviour; instead it attaches javascript to the onclick of the anchor that causes a form submit and suppresses the normal result of clicking on the link. However because the html tag *is* an <a>, css should be able to use the hover pseudo-attribute on it.

Am I missing something here?

Kevin Gutch wrote:
Oh yes. I believe I could do that but it does not really solve the hover issue. Does it?



Simon Kitching wrote:
Kevin Gutch wrote:
I have a html link styled with CSS (see below).

.a#j {display:block; width:105px; height:0; padding-top:115px; overflow:hidden; position:absolute; left:5px; top:47px; background:transparent url(#{facesContext.externalContext.requestContextPath}/images/j.jpg) no-repeat 340px 200px;}
* html a#j {height:120px; he\ight:0;}
a#j:hover {background-position: 0 0; overflow:visible;}

I want to replace the <a/> with an commandLink and maintain the style. However, just switching out the tag breaks the style. I can add the style to inline to the commandLink by adding the style attribute. However, I am not sure how to add the hover style?

You mention "inline style" on the commandLink. Have you considered using the "styleClass" attribute to assign a css *class* rather than an inline style?



Reply via email to