I used the following style successfully :
.gwt-TabPanel .gwt-TabBar .gwt-TabBarItem {
float: left;
background: transparent url("../images/header_tab.gif") 100% -600px
no-repeat;
padding: 0 6px 0 0;
margin: 0 1px 0 0;
border-bottom: 1px solid #515358;
}
is the path from your css to the images correct for the deployed app ?
On 28/08/2008, Filipe David Manana <[EMAIL PROTECTED]> wrote:
> The images are simply not displayed. Although they are displayed when
> editing the CSS with the webdeveloper plugin for firefox.
>
>
> On Thu, Aug 28, 2008 at 10:46 AM, Len <[EMAIL PROTECTED]> wrote:
>
> >
> > 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
> > > >
> > >
> >
> >
> >
>
>
>
> --
> Filipe David Manana,
> [EMAIL PROTECTED]
>
> "Reasonable men adapt themselves to the world.
> Unreasonable men adapt the world to themselves.
> That's why all progress depends on unreasonable men."
>
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
