| 
Dojo (Old Archive)

Changing tabcontainer colors with CSS

View: New views
6 Messages — Rating Filter:   Alert me  

Changing tabcontainer colors with CSS

by Cody Lerum :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Currently I'm making my first site with dojo and I'm having a problem
getting the default colors on the tabs of the tabcontainer to change.

The site is http://www.greenflynetworks.com/index.html

I have put the following entries into my css
(http://www.greenflynetworks.com/greenfly.css)

But I cannot get it to take.

The right images are there but seems like the default's are overriding
my specifics. Can anyone point me in the right direction?

http://www.greenflynetworks.com/images/tab_top_left_greenfly.gif
http://www.greenflynetworks.com/images/tab_top_right_greenfly.gif

Help.

-Cody
_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Changing tabcontainer colors with CSS

by mmantel3 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Some parts of this message have been removed. Learn more about Nabble's security policy.
You need to make your CSS selectors more specific.  Right now, they have equal specificity to the selectors in the TabContainer CSS file, so the rules that get loaded last (the TabContainer CSS) win.

For example, instead of using ".dojoTabPaneWrapper", use "body .dojoTabPaneWrapper" to make it more specific.  Google "css specificity" if you have no idea what I'm talking about.

Michael

 
 
Attached Message
From: clerum+dojo@gmail.com
To: dojo-interest@...
Subject: [Dojo-interest] Changing tabcontainer colors with CSS
Date: Thu, 28 Dec 2006 5:37 PM
Currently I'm making my first site with dojo and I'm having a problem 
getting the default colors on the tabs of the tabcontainer to change. 
 
The site is http://www.greenflynetworks.com/index.html 
 
I have put the following entries into my css 
(http://www.greenflynetworks.com/greenfly.css) 
 
But I cannot get it to take. 
 
The right images are there but seems like the default's are overriding 
my specifics. Can anyone point me in the right direction? 
 
http://www.greenflynetworks.com/images/tab_top_left_greenfly.gif 
http://www.greenflynetworks.com/images/tab_top_right_greenfly.gif 
 
Help. 
 
-Cody 
 
Check out the new AOL. Most comprehensive set of free safety and security tools, free access to millions of high-quality videos from across the web, free AOL Mail and more.

_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Changing tabcontainer colors with CSS

by Cody Lerum :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Some parts of this message have been removed. Learn more about Nabble's security policy.
That worked perfect. However I am seeing a little trail on by buttons on the right side. Like a border or something that is extending. I don't see that trail in the images that I changed. Anyone done this before and know what the fix is? Or an idea?
 
 
 
Images:
 
-C
 


On 12/29/06, Cody Lerum <clerum@...> wrote:
That worked perfect. However I am seeing a little trail on by buttons on the right side. Like a border or something that is extending. I don't see that trail in the images that I changed. Anyone done this before and know what the fix is? Or an idea?
 
 
 
Images:
 
-C

 
On 12/29/06, mmantel3@... <mmantel3@...> wrote:
You need to make your CSS selectors more specific.  Right now, they have equal specificity to the selectors in the TabContainer CSS file, so the rules that get loaded last (the TabContainer CSS) win.

For example, instead of using ".dojoTabPaneWrapper", use "body .dojoTabPaneWrapper" to make it more specific.  Google "css specificity" if you have no idea what I'm talking about.

Michael
 

 
 
Attached Message
From: clerum+dojo@gmail.com
To: dojo-interest@...
Subject: [Dojo-interest] Changing tabcontainer colors with CSS
Date: Thu, 28 Dec 2006 5:37 PM
Currently I'm making my first site with dojo and I'm having a problem 
getting the default colors on the tabs of the tabcontainer to change. 
 
The site is http://www.greenflynetworks.com/index.html 
 
I have put the following entries into my css 
( http://www.greenflynetworks.com/greenfly.css) 
 
But I cannot get it to take. 
 
The right images are there but seems like the default's are overriding 
my specifics. Can anyone point me in the right direction? 
 
http://www.greenflynetworks.com/images/tab_top_left_greenfly.gif  
http://www.greenflynetworks.com/images/tab_top_right_greenfly.gif  
 
Help. 
 
-Cody 
 
 



_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Re: Changing tabcontainer colors with CSS

by Nic-6 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Some parts of this message have been removed. Learn more about Nabble's security policy.
Instead of using LinkPane try using ContentPane
<div dojoType="ContentPane" 
id="Home" href="home.html" refreshOnShow=
"true" style="overflow: auto;">Home</div>

...don't know if it will make that line go away or not but it is worth a try.

Nic

On 12/29/06, Cody Lerum <clerum+dojo@...> wrote:
That worked perfect. However I am seeing a little trail on by buttons on the right side. Like a border or something that is extending. I don't see that trail in the images that I changed. Anyone done this before and know what the fix is? Or an idea?
 
 
 
Images:
 
-C
 


On 12/29/06, Cody Lerum <clerum@...> wrote:
That worked perfect. However I am seeing a little trail on by buttons on the right side. Like a border or something that is extending. I don't see that trail in the images that I changed. Anyone done this before and know what the fix is? Or an idea?
 
 
 
Images:
 
-C

 
On 12/29/06, mmantel3@... <mmantel3@...> wrote:
You need to make your CSS selectors more specific.  Right now, they have equal specificity to the selectors in the TabContainer CSS file, so the rules that get loaded last (the TabContainer CSS) win.

For example, instead of using ".dojoTabPaneWrapper", use "body .dojoTabPaneWrapper" to make it more specific.  Google "css specificity" if you have no idea what I'm talking about.

Michael
 

 
 
Attached Message
From: clerum+dojo@gmail.com
To: dojo-interest@...
Subject: [Dojo-interest] Changing tabcontainer colors with CSS
Date: Thu, 28 Dec 2006 5:37 PM
Currently I'm making my first site with dojo and I'm having a problem 
getting the default colors on the tabs of the tabcontainer to change. 
 
The site is http://www.greenflynetworks.com/index.html 
 
I have put the following entries into my css 
( http://www.greenflynetworks.com/greenfly.css) 
 
But I cannot get it to take. 
 
The right images are there but seems like the default's are overriding 
my specifics. Can anyone point me in the right direction? 
 
http://www.greenflynetworks.com/images/tab_top_left_greenfly.gif  
http://www.greenflynetworks.com/images/tab_top_right_greenfly.gif  
 
Help. 
 
-Cody 
 
 



_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Re: Changing tabcontainer colors with CSS

by Cody Lerum-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Some parts of this message have been removed. Learn more about Nabble's security policy.
That actually broke it. All tabs but the subcontainer tab didn't display the label and just had a white box inside them.

Anyone else have an idea?

-C

On 12/29/06, Nic <nrweber@...> wrote:
Instead of using LinkPane try using ContentPane 
<div dojoType="ContentPane" 
id="Home" href="home.html" refreshOnShow=
"true" style="overflow: auto;">Home</div>

...don't know if it will make that line go away or not but it is worth a try.

Nic

On 12/29/06, Cody Lerum <clerum+dojo@...> wrote:
That worked perfect. However I am seeing a little trail on by buttons on the right side. Like a border or something that is extending. I don't see that trail in the images that I changed. Anyone done this before and know what the fix is? Or an idea?
 
 
 
Images:
 
-C
 


On 12/29/06, Cody Lerum <clerum@...> wrote:
That worked perfect. However I am seeing a little trail on by buttons on the right side. Like a border or something that is extending. I don't see that trail in the images that I changed. Anyone done this before and know what the fix is? Or an idea?
 
 
 
Images:
 
-C

 
On 12/29/06, mmantel3@... <mmantel3@...> wrote:
You need to make your CSS selectors more specific.  Right now, they have equal specificity to the selectors in the TabContainer CSS file, so the rules that get loaded last (the TabContainer CSS) win.

For example, instead of using ".dojoTabPaneWrapper", use "body .dojoTabPaneWrapper" to make it more specific.  Google "css specificity" if you have no idea what I'm talking about.

Michael
 

 
 
Attached Message
From: clerum+dojo@gmail.com
To: dojo-interest@...
Subject: [Dojo-interest] Changing tabcontainer colors with CSS
Date: Thu, 28 Dec 2006 5:37 PM
Currently I'm making my first site with dojo and I'm having a problem 
getting the default colors on the tabs of the tabcontainer to change. 
 
The site is http://www.greenflynetworks.com/index.html 
 
I have put the following entries into my css 
( http://www.greenflynetworks.com/greenfly.css) 
 
But I cannot get it to take. 
 
The right images are there but seems like the default's are overriding 
my specifics. Can anyone point me in the right direction? 
 
http://www.greenflynetworks.com/images/tab_top_left_greenfly.gif  
http://www.greenflynetworks.com/images/tab_top_right_greenfly.gif  
 
Help. 
 
-Cody 
 
 



_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest

Re: Re: Changing tabcontainer colors with CSS

by Cody Lerum-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Some parts of this message have been removed. Learn more about Nabble's security policy.
One last try....
 
Has anyone ever done this before?
 
-C

 
On 12/29/06, Cody Lerum <clerum@...> wrote:
That actually broke it. All tabs but the subcontainer tab didn't display the label and just had a white box inside them.

Anyone else have an idea?

-C


On 12/29/06, Nic <nrweber@...> wrote:
Instead of using LinkPane try using ContentPane 
<div dojoType
="ContentPane" 
id="Home" href="home.html" refreshOnShow=
"true" style="overflow: auto;">Home</div>

...don't know if it will make that line go away or not but it is worth a try.

Nic

On 12/29/06, Cody Lerum <clerum+dojo@...> wrote:
That worked perfect. However I am seeing a little trail on by buttons on the right side. Like a border or something that is extending. I don't see that trail in the images that I changed. Anyone done this before and know what the fix is? Or an idea?
 
 
 
Images:
 
-C
 


On 12/29/06, Cody Lerum <clerum@...> wrote:
That worked perfect. However I am seeing a little trail on by buttons on the right side. Like a border or something that is extending. I don't see that trail in the images that I changed. Anyone done this before and know what the fix is? Or an idea?
 
 
 
Images:
 
-C

 
On 12/29/06, mmantel3@... <mmantel3@...> wrote:
You need to make your CSS selectors more specific.  Right now, they have equal specificity to the selectors in the TabContainer CSS file, so the rules that get loaded last (the TabContainer CSS) win.

For example, instead of using ".dojoTabPaneWrapper", use "body .dojoTabPaneWrapper" to make it more specific.  Google "css specificity" if you have no idea what I'm talking about.

Michael
 

 
 
Attached Message
From: clerum+dojo@gmail.com
To: dojo-interest@...
Subject: [Dojo-interest] Changing tabcontainer colors with CSS
Date: Thu, 28 Dec 2006 5:37 PM
Currently I'm making my first site with dojo and I'm having a problem 
getting the default colors on the tabs of the tabcontainer to change. 
 
The site is http://www.greenflynetworks.com/index.html 
 
I have put the following entries into my css 
( http://www.greenflynetworks.com/greenfly.css) 
 
But I cannot get it to take. 
 
The right images are there but seems like the default's are overriding 
my specifics. Can anyone point me in the right direction? 
 
http://www.greenflynetworks.com/images/tab_top_left_greenfly.gif  
http://www.greenflynetworks.com/images/tab_top_right_greenfly.gif  
 
Help. 
 
-Cody 
 
 



_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest




_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest





_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@...
http://dojotoolkit.org/mailman/listinfo/dojo-interest
Free embeddable forum powered by Nabble Forum Help