Forum Moderators: not2easy
Let's say that you create a navigational structure for a website that has a header and a footer, and space in between for content. This framework contains calls to css stylesheets that allow the page to look the way you want it to
Let's say on a different page you create content for your page, calling on it's own css sheet to define how it looks.
when you attempt to insert the content into the framework, things get buggy. Call it bad coding or a common occurence, but tags that have no choice but to encompass the whole page conflict with the content that has been added.
Since in almost all examples of this nature, the page and css has gotten a bit complicated and sticky, [here is the question], is there a way to define, say a <div> tag, to encompass the whole content area and define it as taking none of the styles from the rest of the page, and instead pull from a seperate style sheet that you already defined when you created the content?
-Mike
<div class="format">
// header content
</div>
// main content here
<div class="format">
// footer content
</div>
and change all your styles to:
.format H1 {// H1 style }
.format P {// P style } ;)