I'm still studying DecoratorPanel :-)
Here is the default CSS of GWT (copied from
gwt-user.jar,
com/google/gwt/user/theme/standard/public/gwt/standard/standard.css)
.gwt-DecoratorPanel .topLeft {
background: url(images/corner.png) no-repeat 0px 0px;
-background: url(images/corner_ie6.png) no-repeat 0px 0px;
}
My best guess from the filename (corner_ie6.png), is that the second will be
used by IE.
I opened corner.png and corner_ie6.png, but both images look the same to me.
What is the reason to have the "background" and "-background" selector?
On Sun, Apr 19, 2009 at 4:36 PM, Salvador Diaz <[email protected]>wrote:
>
> I think tht the best way to "visualize exactly where the CSS rules are
> applied" is to inspect your generated code with Firebug. In fact it'll
> help you with so many other things that you'll probably adopt it in no
> time as one of your day to day tools
>
> cheers,
>
> Salvador
>
> On Apr 18, 6:03 pm, hezjing <[email protected]> wrote:
> > Hi
> > I'm still trying with DecoratorPanel, and I'm not sure what are the
> *Inner
> > CSS style rules means.
> > For example, .what is the different between .bottomLeft and
> bottomLeftInner?
> > And the different between bottomCenter and bottomCenterInner?
> >
> > .gwt-DecoratorPanel .bottomLeft { the bottom left cell }
> > .gwt-DecoratorPanel .bottomLeftInner { the inner element of the cell }
> >
> > .gwt-DecoratorPanel .bottomCenter { the bottom center cell }
> > .gwt-DecoratorPanel .bottomCenterInner { the inner element of the cell }
> >
> > Hmmm ... I probably need a diagram to visualize exactly where does the
> CSS
> > style rules applied to the DecoratorPanel :-)
> >
> > --
> >
> > Hez
> >
>
--
Hez
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
