projectseven plugin in a site full of css already

Hi -  I need to implement a menu system (i'm using one from projectseven).  The issue is that this site already has extensive css.  The menu will be going into a <div> tag -  otherwise empty.  I probably also want to make it two deep (that is, I may even make 2 horizontal menus - each with sub menus).


I thought I'd also make this an include file.   this projectseven system comes with it's own css file that is in conflict with the existing one.   Is there a way to avoid this conflict or must I alter the existing css file?

You see the older css file has, for it's area , some tags specifically dealing with navigation - and ul and li and a.   So does the new one from p7, which is in it's own folder.  

I'm hoping there is a way to do this easily, but not sure..........

Thanks in advance

Linque



linqueAsked:
Who is Participating?
 
VirusMinusCommented:
change either your css or project seven's.. whichever is easier.

if your menu or project seven's is going into a div of its own, give that div an id say "nav-menu" and get your menu ul's and li's and a's to be referenced based on that..

eg.

<div id="nav-menu">

all your ul's and li's and a's are here

<ul>
<li><a>..</a></li>
<li><a>..</a></li>
<li><a>..</a></li>
..
</ul>

</div>

and in your css to target only the menu inside this div.. you would do..

#nav-menu ul{}/*for all uls inside nav-menu*/

#nav-menu ul li{}/*for all li's inside all ul's inside nav-menu*/

#nav-menu ul li a{} /* you get the idea*/

etc. etc.
0
 
linqueAuthor Commented:
Thanks Virus!!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.