Register   Login
     
  Latest Posts  
RE: Comments not posting
by smcculloch on 1/08/2009 2:55 AM
Does anyone have XHTML Compliant PA Template
by tmahmud on 1/08/2009 1:04 AM
RE: Comments not posting
by WillJean on 1/08/2009 12:53 AM
RE: Comments not posting
by smcculloch on 1/08/2009 12:24 AM
RE: 4.9.0 and 5.0.0 with Simple gallery
by smcculloch on 1/08/2009 12:23 AM
Enable to comment in Simple Gallery
by nmduc073 on 1/07/2009 11:33 PM
Comments not posting
by WillJean on 1/07/2009 11:32 PM
4.9.0 and 5.0.0 with Simple gallery
by insomnia on 1/07/2009 11:31 PM
RE: Unable install News Articles in DNN 5
by nmduc073 on 1/07/2009 11:27 PM
Layout Settings: Listing View
by shawno on 1/07/2009 10:58 PM
  Forums  
Subject: CSS Conflict
Prev Next
You are not authorized to post a reply.

Author Messages
Jay MathisUser is Offline
Registered Users
Nuke Super Newbie
Nuke Super Newbie
Posts:23

4/13/2007 10:11 PM  

Hi Scott

Love your work mate!!

This is not really a bug per se, but rather a conflict with some other CSS in another DNN plugin, specifically, the RAD menu from telerik.

Specifically, I have tracked the problem to the ".item" selector in your CSS. 

.item {padding: 10px 10px;color: #B2B2B2;}

In looking at your CSS, I might suggest that you add some specificity to all of of your your selectors.  For example, ".item" is rather generic and could be used by alot of other modules, menus, etc.

This issue could be easily solved by simply wrapping your module in a div element with id=Ventrian and then your CSS becomes "#Ventrian .item".  

 

 For an example of why this is a problem, please check the following links:

Base skin: www.GeorgiaRacquetball.com

Problem: www.georgiaracquetball.com/Photos/tabid/3210/Default.aspx

You can see the menu is messed up because the CSS from the SimpleGallery module is adding 10px padding to each menu item which is defined with class="item".  The CSS for the menu uses decendant selectors (".radmenu .item") to specifically target these items.  However, I think your generic ".item" class overides these definitions.

Jay MathisUser is Offline
Registered Users
Nuke Super Newbie
Nuke Super Newbie
Posts:23

4/13/2007 10:18 PM  
I was able to fix the problem by the adding another specific CSS selector to the menu's CSS to override your CSS

.Radmenu .item
{
padding:0px;
}

However, this seems a bit like a patch since the real issue is the SimpleGallery's CSS is defining generic classes that might very well be used in other places.
Scott McCullochUser is Offline
Administrators
Nuke Master
Nuke Master
Posts:12797


4/14/2007 7:22 AM  
Hi Jay,

I haven't see you around in a while, glad to see you around.. I agree, I should be using IDs for regions of CSS. I'll add it to the list.

Scott McCulloch
Site Administrator
You are not authorized to post a reply.
Forums > Modules > Simple Gallery > CSS Conflict



ActiveForums 3.7