You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Okan Çetin <ok...@gmail.com> on 2007/08/02 08:51:18 UTC
[Trinidad] button + hover
Hi all;
I arranged new skin for some command buttons like that :
.SaveButton{
background-image: url(../images/saveButton1.png);
border: 0;
width: 128px;
height: 28px;
}
And i tried to give hover ability to command button:
.SaveButton::hover{
background-image: url(../images/saveButton2.png);
border: 0;
width: 128px;
height: 28px;
}
in jsp:
<tr:commandButton styleClass="SaveButton"/>
As you see, i want to change button image when the mouse come over the
button. Anyhelp would be great,
Thanks,
Okan
--
~
otomatik oluşturuldu:
http://ocetin.net/log
http://linux.beykent.edu.tr
Re: [Trinidad] button + hover
Posted by Okan Çetin <ok...@gmail.com>.
Yes, sorry it is my fault.
It works in firefox.
On 02/08/07, Svilen Ivanov <sv...@sirma.bg> wrote:
>
> BTW, CSS pseudo-class ":hover" doesn't work in IE6 for all tags (it
> works just for "A"). Have you checked it Firefox? Firfox allows ":hover"
> on arbitrary tag.
>
> Regards,
> Svi
>
>
> Okan Çetin wrote:
> > I tried many of posibilities
> > ::hover, :hover, ::button-hover, ::icon-hover etc...
> >
> > On 02/08/07, Cristi Toth <cr...@gmail.com> wrote:
> >> try ':hover'
> >> only one ':', not 2 of them
> >> because hover is a CSS pseudo-class
> >> it's not a sub-selector
> >>
> >> On 8/2/07, Okan Çetin < okancetin@gmail.com> wrote:
> >>> Hi all;
> >>>
> >>> I arranged new skin for some command buttons like that :
> >>>
> >>> .SaveButton{
> >>> background-image: url(../images/saveButton1.png);
> >>> border: 0;
> >>> width: 128px;
> >>> height: 28px;
> >>> }
> >>>
> >>> And i tried to give hover ability to command button:
> >>>
> >>> .SaveButton::hover{
> >>> background-image: url(../images/saveButton2.png);
> >>> border: 0;
> >>> width: 128px;
> >>> height: 28px;
> >>> }
> >>>
> >>> in jsp:
> >>> <tr:commandButton styleClass="SaveButton"/>
> >>>
> >>> As you see, i want to change button image when the mouse come over the
> >>> button. Anyhelp would be great,
> >>>
> >>> Thanks,
> >>> Okan
> >>>
> >>>
> >>> --
> >>> ~
> >>> otomatik oluşturuldu:
> >>> http://ocetin.net/log
> >>> http://linux.beykent.edu.tr
> >>
> >>
> >>
> >> --
> >> Cristi Toth
> >> -------------
> >> Codebeat
> >> www.codebeat.ro
> >
> >
> >
> >
>
>
--
~
otomatik oluşturuldu:
http://ocetin.net/log
http://linux.beykent.edu.tr
Re: [Trinidad] button + hover
Posted by Svilen Ivanov <sv...@sirma.bg>.
BTW, CSS pseudo-class ":hover" doesn't work in IE6 for all tags (it
works just for "A"). Have you checked it Firefox? Firfox allows ":hover"
on arbitrary tag.
Regards,
Svi
Okan Çetin wrote:
> I tried many of posibilities
> ::hover, :hover, ::button-hover, ::icon-hover etc...
>
> On 02/08/07, Cristi Toth <cr...@gmail.com> wrote:
>> try ':hover'
>> only one ':', not 2 of them
>> because hover is a CSS pseudo-class
>> it's not a sub-selector
>>
>> On 8/2/07, Okan Çetin < okancetin@gmail.com> wrote:
>>> Hi all;
>>>
>>> I arranged new skin for some command buttons like that :
>>>
>>> .SaveButton{
>>> background-image: url(../images/saveButton1.png);
>>> border: 0;
>>> width: 128px;
>>> height: 28px;
>>> }
>>>
>>> And i tried to give hover ability to command button:
>>>
>>> .SaveButton::hover{
>>> background-image: url(../images/saveButton2.png);
>>> border: 0;
>>> width: 128px;
>>> height: 28px;
>>> }
>>>
>>> in jsp:
>>> <tr:commandButton styleClass="SaveButton"/>
>>>
>>> As you see, i want to change button image when the mouse come over the
>>> button. Anyhelp would be great,
>>>
>>> Thanks,
>>> Okan
>>>
>>>
>>> --
>>> ~
>>> otomatik oluşturuldu:
>>> http://ocetin.net/log
>>> http://linux.beykent.edu.tr
>>
>>
>>
>> --
>> Cristi Toth
>> -------------
>> Codebeat
>> www.codebeat.ro
>
>
>
>
Re: [Trinidad] button + hover
Posted by Okan Çetin <ok...@gmail.com>.
I tried many of posibilities
::hover, :hover, ::button-hover, ::icon-hover etc...
On 02/08/07, Cristi Toth <cr...@gmail.com> wrote:
>
> try ':hover'
> only one ':', not 2 of them
> because hover is a CSS pseudo-class
> it's not a sub-selector
>
> On 8/2/07, Okan Çetin < okancetin@gmail.com> wrote:
> >
> > Hi all;
> >
> > I arranged new skin for some command buttons like that :
> >
> > .SaveButton{
> > background-image: url(../images/saveButton1.png);
> > border: 0;
> > width: 128px;
> > height: 28px;
> > }
> >
> > And i tried to give hover ability to command button:
> >
> > .SaveButton::hover{
> > background-image: url(../images/saveButton2.png);
> > border: 0;
> > width: 128px;
> > height: 28px;
> > }
> >
> > in jsp:
> > <tr:commandButton styleClass="SaveButton"/>
> >
> > As you see, i want to change button image when the mouse come over the
> > button. Anyhelp would be great,
> >
> > Thanks,
> > Okan
> >
> >
> > --
> > ~
> > otomatik oluşturuldu:
> > http://ocetin.net/log
> > http://linux.beykent.edu.tr
>
>
>
>
> --
> Cristi Toth
> -------------
> Codebeat
> www.codebeat.ro
--
~
otomatik oluşturuldu:
http://ocetin.net/log
http://linux.beykent.edu.tr
Re: [Trinidad] button + hover
Posted by Cristi Toth <cr...@gmail.com>.
try ':hover'
only one ':', not 2 of them
because hover is a CSS pseudo-class
it's not a sub-selector
On 8/2/07, Okan Çetin <ok...@gmail.com> wrote:
>
> Hi all;
>
> I arranged new skin for some command buttons like that :
>
> .SaveButton{
> background-image: url(../images/saveButton1.png);
> border: 0;
> width: 128px;
> height: 28px;
> }
>
> And i tried to give hover ability to command button:
>
> .SaveButton::hover{
> background-image: url(../images/saveButton2.png);
> border: 0;
> width: 128px;
> height: 28px;
> }
>
> in jsp:
> <tr:commandButton styleClass="SaveButton"/>
>
> As you see, i want to change button image when the mouse come over the
> button. Anyhelp would be great,
>
> Thanks,
> Okan
>
>
> --
> ~
> otomatik oluşturuldu:
> http://ocetin.net/log
> http://linux.beykent.edu.tr
--
Cristi Toth
-------------
Codebeat
www.codebeat.ro