Oh and one thing that might be tripping you up, the property
"background" is a shortcut for all the different background properties
and requires a color to be defined for it to work at all. So if you
want to just change the image:

background-image: url(...);

However, its good practice to have a background color set as a
fallback, so maybe you should do this:

background: #fff url(...);

If you can elaborate on what you want your styles to do I can be a bit
more helpful :P

On Sep 16, 3:53 pm, Zak <[email protected]> wrote:
> It should actually work with:
>
> .gwt-TabPanelItem {
>  font-weight: bold;
>  text-align: center;
>  background: url(..item image..);
>
> }
>
> .gwt-TabPanelItem-selected {
>  background: url(..selected item image..);
>
> }
>
> When adding a dependent stylename in GWT, it's added to the element
> such that the element still has the primary style name intact.
>
> So, your tab item looks like this:
>
> <div class="gwt-TabPanelItem">...</div>
>
> And selected looks like this:
>
>  <div class="gwt-TabPanelItem gwt-TabPanelItem-selected">...</div>
>
> So whatever you define for gwt-TabPanelItem will apply to both
> selected and unselected states (unless you override it, as I've shown
> above).
>
> Hope that makes sense! If it doesnt work, try inspecting it with
> Firebug to see where the applied styles are coming from.
>
> On Sep 16, 12:45 pm, Davis Ford <[email protected]> wrote:
>
> > Nevermind -- figured it out.  Did not realize the descendant
> > selectors.  Works with:
>
> > .gwt-TabBar .gwt-TabBarItem, gwt-TabBar .gwt-TabBarItem-selected {
> >    /* shared stuff here */
>
> > }
> > On Wed, Sep 16, 2009 at 12:34 PM, davis <[email protected]> 
> > wrote:
> > > Forgive me if this is a dumb/newbie question, and it really relates
> > > more to css than gwt, but if I have the following:
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to