Problemas com JSF e CSS

Assuntos Gerais Agile
#1

Salve galera do portaljava!!!
Estou passando uma aplicação que esta repleta de scriplet para JSF.
So que agora esta na seguinte situação:
tenho o seguinte div em HTML

<div id="BotaoConfirmar">
<a href="#" onclick="InitializeTimer('BotaoConfirmar','','../Include/Teclados/TecladoNumerico/Imgs/BotaoConfirmarPress.jpg',1)"><img src="../Include/Teclados/TecladoNumerico/Imgs/BotaoConfirmar.jpg" name="BotaoConfirmar"></a>
</div>

Estou querendo passar o codigo acima para JSF, onde eu use o command para direcionar as paginas caso a validacao esteja Ok ir para a pagina restrita do cliente, senao vai para a pagina de erro.

<div id="BotaoConfirmar" >  
<h:commandButton  id="botaoConfirmar" action="#{validaTelefone.validar}" onclick="InitializeTimer('form:botaoConfirmar','','../Include/Teclados/TecladoNumerico/Imgs/BotaoConfirmarPress.jpg',1)" image="../Include/Teclados/TecladoNumerico/Imgs/BotaoConfirmar.jpg"/>
</div>

Deste jeito funcionou, so que CSS nao esta posicionando a imagem no local correto
abaixo o codigo do CSS

#BotaoConfirmar
{
	position:absolute; left:806px; top:452px; width:88px; height:155px;
}

É isso ai galera. Alguem tem alguma ideia de como posso fazer a command pegar o CSS?
Ah, ja usei o style e styleClass.

Valeu mais uma vez galera!!!

#2

Acho que achei a solução.
fiz assim e funcionou:

<h:commandButton  id="botaoConfirmar" action="#{validaTelefone.validar}" onclick="InitializeTimer('form:botaoConfirmar','','../Include/Teclados/TecladoNumerico/Imgs/BotaoConfirmarPress.jpg',1)" image="../Include/Teclados/TecladoNumerico/Imgs/BotaoConfirmar.jpg" s1="position:absolute; left:806px; top:452px; width:88px; height:155px;"/>

s1 = style

Vou deixar esse topico, caso alguem tenha o mesmo problema!

valeu galera

vcsmetallica

#3

Opa,

tu podes utilizar o atributo styleClass, fica até mais legível.

Nota: todos os componentes JSF também struts para o atributo class, usa o atributo styleClass, porque class é uma palavra reservada da linguagem.

:okok:

#4