Style Sheet Override?

[underspend]

I was hoing someone could assist me.

Facts:
-I have a simple 1 page website.("www.mywebsite.com")
-The website is linked to 1 simple CSS stylesheet ("default.css")
-On the sidebar of the home page I created an href link ("form.php").
-The "form.php" links to a seperate, simple, form file called ("form.php")
-The "form.php" file is linked to its own simple CSS stylesheet called ("form.css")

Project:
-I need to load the "form.php" into the "main" <div> on the homepage of the website. THIS IS COMPELETED

-The form within the div on the homepage must display its own styles from the ("form.css"). NOT COMPLETED

Problem:
- The "default.css" overrides my "form.css" file. I cannot resolve the form in its correct format.

Any Ideas or Suggestions?

Thank you,

Underspend

[6StringGeek]

You could add the form.css info in to the default.css and kill the reference to the form.css in your form.php. Just make sure they have unique IDs and it should work.

[peachskittle]

For the most part, I agree, I wouldn't attach CSS to stuff that you're then attaching to another page...

I would usually in this case just move the CSS link to the main page, take it out of the included form.php. Do realize though that you might have some conflicting styles still, and that you may need to make adjustments and be more specific, but this does mean you won't have the styles for that form on your default CSS where you may or may not need.