Solved

projectseven plugin in a site full of css already

Posted on 2006-10-27
2
198 Views
Last Modified: 2013-11-18
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



0
Comment
Question by:linque
2 Comments
 
LVL 30

Accepted Solution

by:
VirusMinus earned 500 total points
Comment Utility
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
 

Author Comment

by:linque
Comment Utility
Thanks Virus!!
0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now