forum.coppermine-gallery.net

Support => cpg1.5.x Support => cpg1.5 themes (visuals) => Topic started by: phill104 on November 24, 2010, 08:18:10 pm

Title: CSS conflict
Post by: phill104 on November 24, 2010, 08:18:10 pm

This is only a test setup so not too important but the menu's are not loading correctly.

http://www.windsurf.me.uk/test/cpg133/

It ia apparrent that the <li> is picking up the class from the overriding template. I am using dependant selectors to avoit all other css conflicts but what is the best way to fix the .li?

Title: Re: CSS conflict
Post by: phill104 on November 24, 2010, 09:55:19 pm

Sorry, this should have been in themes :-[. Moving accordingly

Title: Re: CSS conflict
Post by: Jeff Bailey on November 24, 2010, 10:47:23 pm

try taking out

Code: [Select]

.dropmenu li {
position: relative;
}
Not sure if that's the issue your having but the drop downs worked for me after that.

Title: Re: CSS conflict
Post by: Jeff Bailey on November 24, 2010, 10:50:57 pm

also add

Code: [Select]

.dropmenu li {
overflow: visible;
}

Title: Re: CSS conflict
Post by: phill104 on November 25, 2010, 12:19:31 am

Good pointer.

Ended up with this code in style.css

Code: [Select]

.mainCell .dropmenu li {
    float: left;
    overflow: visible;
    padding: 0;
    margin: 0;
}