Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

Maximum ASP
  Need Help?  
Professional technical support for DotNetNuke is available from DotNetNuke Corporation.
 


  Ads  
Engage Software - Training Partner for DotNetNuke
 


  Sponsors  

Meet Our Sponsors

.: CounterSoft :.
telerik
ExactTarget email software solutions
Merak Mail Server
WebSecureStores -- ASP.NET & DotNetNuke Hosting Solutions
FCKeditor Project
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Urgent: CSS Priority in DNN
Previous Previous
 
Next Next
New Post 3/3/2008 7:56 AM
User is offline Rusel
3 posts
10th Ranked


Urgent: CSS Priority in DNN 

Hi,

I'm trying to use a module.css within a certain module in order to bypass the .css of a container. But it doesn't work! The reason i want to do this is because, for instance, i have a container.css and a skin.css and i want to use certain colors for the text within the container.css, but this doesn't work because of the skin.css.

Could anyone please help me with this? I wanted to know in which order are the .css files used in DNN? I guess that could help with this problem.

Thanks in advance.

 
New Post 3/3/2008 8:58 AM
User is offline Carlos Rodriguez
520 posts
www.almacigo.com
8th Ranked


Re: Urgent: CSS Priority in DNN 
Modified By Carlos Rodriguez  on 3/3/2008 1:01:24 PM)

Rusel:

You can do a view source on the page in question and that will show you all the CSS files being loaded, just do a search for ".CSS" and you will see them.  But I think that the order in which the files load is not what you need to address but instead, what classes are being used in the document hierarchy down to the element you need to style.  Also remember that some CSS elements cascade and others do not, depending on what HTML object you are using.  This gets complicated, I have been bitten by things like this many times, and most of those times is because of wrong assumptions I was making about the behavior of CSS.  You need to be more specific in the details of what you need to do.  Do not assume that just because you have a CSS at the container level that its definitions will trickle down to all the elements in the module.  You may also have a module.css that overwrites all the other CSS files too.

Edit:  Forgot to mention that you also have to test all this on multiple browsers too, this will be a lot of fun...

Carlos

 

 
New Post 3/3/2008 9:19 AM
User is offline Jeff Cochran
1391 posts
6th Ranked


Re: Urgent: CSS Priority in DNN 

For the life of me I can't find it right now, but Nina Meiers used to have a document that showed the hierarchy.  Check skincovered.com.  Or maybe it was on DNNCreative.com...

Jeff

 
New Post 3/3/2008 10:33 AM
User is offline Timo Breumelhof
1692 posts
5th Ranked




Re: Urgent: CSS Priority in DNN 

load order of CSS files:

default.css
skin.css
"skinname".css
container.css
"containername".css
portal.css


Timo Breumelhof -- www.searchdotnetnuke.com -- Extended DNN (forum) search
 
New Post 3/3/2008 1:02 PM
User is offline ROBAX
1851 posts
5th Ranked


Re: Urgent: CSS Priority in DNN 

Note that the module.css is first in line, and there are other factors to look for as well:

module.css
default.css
skin.css
container.css
portal.css
inline css
css with "!important" hack.

Anyone having trouble absolutely must install Firfox and the Web Developer add-on in order to easily view and edit the cascade. The Firebug add-on is also failry vital when it comes to tracing styles.

Rob

 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Urgent: CSS Priority in DNN
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, please observe the following posting guidelines:

1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


Ultra Media Gallery & Video Gallery
The most popular photo gallery and video gallery module. with Flash interface.
www.bizmodules.net
WDK Solutions
Quality modules for the DotNetNuke community. Check out our 'wild' modules!
wdkns.com
UK - DotNetNuke providers
UK providers of DNN module development and skin package design. Oxford Information Labs provides cost-effective solutions for businesses and organisations specialising in Skin design and bespoke module development.
www.oxil.co.uk

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP