coppermine-gallery.com/forum

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
.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
.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

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