Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: CSS conflict  (Read 4769 times)

0 Members and 1 Guest are viewing this topic.

phill104

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4885
    • Windsurf.me
CSS conflict
« 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?
Logged
It is a mistake to think you can solve any major problems just with potatoes.

phill104

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4885
    • Windsurf.me
Re: CSS conflict
« Reply #1 on: November 24, 2010, 09:55:19 pm »

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

Jeff Bailey

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1322
  • Fishing relaxes me.
    • Bailey Family Co.
Re: CSS conflict
« Reply #2 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.
Logged
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

Jeff Bailey

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1322
  • Fishing relaxes me.
    • Bailey Family Co.
Re: CSS conflict
« Reply #3 on: November 24, 2010, 10:50:57 pm »

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

phill104

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4885
    • Windsurf.me
Re: CSS conflict
« Reply #4 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;
}

Logged
It is a mistake to think you can solve any major problems just with potatoes.
Pages: [1]   Go Up
 

Page created in 0.022 seconds with 19 queries.