hi all,
i have developed tabs in my web application. Tabs in my
application are nothing but hyperlinks with background image.
when you select the link(or tab) it shows selected image as
background. Otherwise it shows unselected image as background.
my code is:-------------------------------------------------
hLink_.setStyleName("evpn-tabbedButton");
and css is:--------------------------------------------------
.evpn-tabbedButton a:link
{
font-size: 12px;
font-family: Arial;
color: #ff0000;
text-align: center;
white-space: nowrap;
background: no-repeat center top url ('/
com.infovista.vistamart.evpn.Home/resources/images/
tab_unselected.gif');
width: 79px;
height: 17px;
}
.evpn-tabbedButton a:active
{
font-size: 12px;
font-family: Arial;
color: #0000ff;
text-align: center;
white-space: nowrap;
background: no-repeat center top url('/
com.infovista.vistamart.evpn.Home/resources/images/tab_selected.gif');
width: 79px;
height: 17px;
}
But in my application, tabs are working completely like links
(not like tabbed buttons). If I select a tab(menas hyperlink) then it
is appearing like selected tab(means background is selected image).
but if i click any where on the browser then the selected tab(link) is
appearing as if it is not selected(because background image is
changing to unselected image).
How can i implement the code in such a way that hyperlinks should work
as tabs with selected. unselected, and hover style sheets.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
