do you mean that the images are not diaplaying correctly until you
edit the css - no changes- in forefox ?
just trying to understand what the problem is
On 28/08/2008, fdmanana <[EMAIL PROTECTED]> wrote:
>
> Hello,
>
> I am trying to style the tabs of a TabPanel widget. All my CSS rules
> work, except for the "background-image" rules.
> Here's my Java code that instantiates the TabPanel:
>
> TabPanel tabPanel = new TabPanel();
>
> tabPanel.add(treeWidget, "Tree View");
> tabPanel.add(mapWidget, "Map View");
>
> tabPanel.setStyleName("tabPanel");
> tabPanel.getTabBar().setStyleName("tabHeader");
> tabPanel.getDeckPanel().setStyleName("tabContent");
> tabPanel.selectTab(0);
>
> My CSS rules:
>
> .tabPanel .tabHeader .gwt-TabBarItem, .tabPanel .tabHeader .gwt-
> TabBarItem-selected {
> background-repeat: no-repeat;
> width: 150px;
> text-align: center;
> margin-right: 10px;
> padding: 4px;
> cursor: hand;
> cursor: pointer;
> }
>
> .tabPanel .tabHeader .gwt-TabBarItem {
> background-image: url(img/tab-normal.png);
> }
>
> .tabPanel .tabHeader .gwt-TabBarItem-selected {
> background-image: url(img/tab-selected.png);
> }
>
> I declare the CSS file in the module configuration (Main.gwt.xml):
>
> <stylesheet src="css/cluman.css"/>
>
> Now the weirdest thing is that when I edit my CSS with the
> WebDeveloper plugin for Firefox, the background images of the tabs are
> displayed correctly, without changing any CSS rule.
>
> Any suggestions?
>
> Thanks
> >
>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
