Re: Trying to change the style of tabTopLeft and right on tabBars

2009-03-23 Thread lukehashj 

Sorry, didn't read your question thoroughly enough.

It looks like you understand the css inheritence problem.

Why not just use

.gwt-DecoratedTabBar .tabTopRight {
}

as the CSS class? Do you have more than one tabbar this would effect?

If so, could you wrap the tabbar in a container with a css class name,
and then use:

.container .gwt-DecoratedTabBar .tabTopRight {
}


Good luck.

On Mar 20, 12:09 pm, ProtoLD  wrote:
> All the other CSS styles are easily applied after setting a style name
> to the tab bar and addressing them as follows:
>
> .customizedStyleName .tabTopCenter {
>         background-image: url('images/centerTopImage.gif');
>
> }
>
> but this doesn't appear to work for the two corners, the base GWT
> overrides my CSS.  The CSS for the right corner looks like this:
>
> html > body .gwt-DecoratedTabBar .tabTopRight {
>
> when inspecting it in Firebug (yah Firefox).  Can anyone tell me how
> to override this?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---

Re: Trying to change the style of tabTopLeft and right on tabBars

2009-03-23 Thread lukehashj 

I've had mixed results with CSS inheritence (seems like sometimes IE
just doesn't listen...)

So here's the idea -

Say I have three CSS classes,

.test1 {
  border:1px solid red;
}

.test2 {
  background-color:blue;
}

.test1 .test2 {
  font-size:16pt;
}

and the following html:

test1
test2
test3

then I would expect the following:

test1 will have a red border as it inherits the class ".test1"
test2 will have a blue background as it inherits the class ".test2"
test3 will have a red border, a blue background, AND MOST IMPORTANTLY,
font size 16pt as it inherits the class ".test1 .test2"

(note the missing comma in .test1 .test2! its intentionally gone!)

-lukehashj

On Mar 20, 12:09 pm, ProtoLD  wrote:
> All the other CSS styles are easily applied after setting a style name
> to the tab bar and addressing them as follows:
>
> .customizedStyleName .tabTopCenter {
>         background-image: url('images/centerTopImage.gif');
>
> }
>
> but this doesn't appear to work for the two corners, the base GWT
> overrides my CSS.  The CSS for the right corner looks like this:
>
> html > body .gwt-DecoratedTabBar .tabTopRight {
>
> when inspecting it in Firebug (yah Firefox).  Can anyone tell me how
> to override this?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---

Re: Trying to change the style of tabTopLeft and right on tabBars

2009-03-23 Thread ProtoLD 

Can I bump this?  Bump?  Still haven't found a solution to this.

On Mar 20, 1:09 pm, ProtoLD  wrote:
> All the other CSS styles are easily applied after setting a style name
> to the tab bar and addressing them as follows:
>
> .customizedStyleName .tabTopCenter {
>         background-image: url('images/centerTopImage.gif');
>
> }
>
> but this doesn't appear to work for the two corners, the base GWT
> overrides my CSS.  The CSS for the right corner looks like this:
>
> html > body .gwt-DecoratedTabBar .tabTopRight {
>
> when inspecting it in Firebug (yah Firefox).  Can anyone tell me how
> to override this?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---

Trying to change the style of tabTopLeft and right on tabBars

2009-03-20 Thread ProtoLD 

All the other CSS styles are easily applied after setting a style name
to the tab bar and addressing them as follows:

.customizedStyleName .tabTopCenter {
background-image: url('images/centerTopImage.gif');
}

but this doesn't appear to work for the two corners, the base GWT
overrides my CSS.  The CSS for the right corner looks like this:

html > body .gwt-DecoratedTabBar .tabTopRight {

when inspecting it in Firebug (yah Firefox).  Can anyone tell me how
to override this?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---