CSS conflict CSS conflict
 

News:

CPG Release 1.6.27
change DB IP storage fields to accommodate IPv6 addresses
remove use of E_STRICT (PHP 8.4 deprecated)
update README to reflect new website
align code with new .com CPG website
correct deprecation in captcha

Main Menu

CSS conflict

Started by phill104, November 24, 2010, 08:18:10 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

phill104

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?
It is a mistake to think you can solve any major problems just with potatoes.

phill104

Sorry, this should have been in themes :-[. Moving accordingly
It is a mistake to think you can solve any major problems just with potatoes.

Jeff Bailey

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.
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

Jeff Bailey

also add
.dropmenu li {
overflow: visible;
}
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

phill104

Good pointer.

Ended up with this code in style.css

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


It is a mistake to think you can solve any major problems just with potatoes.