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
  Ads  
r2i.ntegrated
 


  Sponsors  

Meet Our Sponsors

Red-Gate Software
MaximumASP
SourceGear - Tools for Developers
.: CounterSoft :.
telerik
ExactTarget email software solutions
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Urgent: CSS Priority in DNN
Previous Previous
 
Next Next
New Post 3/3/2008 8: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 9:58 AM
User is offline Carlos Rodriguez
526 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 10:19 AM
Online now... Jeff Cochran
1558 posts
5th 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 11:33 AM
User is offline Timo Breumelhof
1760 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 2:02 PM
User is offline ROBAX
1876 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.

 


Smart-Thinker
DNN Modules for Social Networks for as low as $69 for 6 modules! We also maintain the DotNetNuke Directory - http://DNNDir.com
www.smart-thinker.com
DNN Photo Gallery
Complete Photo Gallery Management!
www.dnnPhotoGallery.com
R2i - Delivering Serious DNN Services & Solutions
Award Winning Design, Skin construction, Custom Modules and Consulting Services for the Enterprise organization. R2i is the DNN:Map module Project Lead and one of the largest DNN service providers with offices in New York City, Virginia and Baltimore.
www.bi4ce.com

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