That's it.
Now it is working :)
Thanks a lot
On Thu, Aug 28, 2008 at 11:38 AM, Len <[EMAIL PROTECTED]> wrote:
>
> 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."
> >
> >
> >
> > >
> >
>
> >
>
--
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
-~----------~----~----~----~------~----~------~--~---
