styling jsf tag in css file

Question

I have a web project. I have no trouble when styling html tags, div or class. But when I style a JSF tag (graphicImage) it doesn't work.

It doesn't work neither like this :

graphicImage{
width:280px;
height:130px;
margin-left:10px;}

nor:

h:graphicImage{
width:280px;
height:130px;
margin-left:10px;}

How can I style with external css? Can you please help me?

Answer 1

Maybe you can do at the tag itself, by using style attribute.

<h:graphicImage style="width:280px;
                height:130px;
                margin-left:10px;"/>

or might be like this.

<h:graphicImage styleClass="testStyle"/>

.testStyle
 {
    width:280px;
    height:130px;
    margin-left:10px;
 }