Stylesheets with php includes

I have created a page that I will use php includes to add to another page.  I need the stylesheet for the "includes" page to override the stylesheet for the page that it is going on.  

For the most part, the pages are on the same server just in different folders where different domain names point to those folders.  

I have tried
<style type="text/css">
@import url("http://www.brightideaswebdesign.com/includes/news/newsstyle.css");
</style>

and it works on Firefox and Safari but not on Chrome.  I have a Mac so I haven't checked on IE yet.

brightsusanAsked:
Who is Participating?
 
imantasConnect With a Mentor Commented:
I think you have errors in your stylesheet.

First of all
.dark a:link{
	color: #CCC;	
}

Open in new window

doesn't make sense as it is overriden by
table #different a:link{
	text-decoration: underline;	
	color: #000;
}

Open in new window

I think you meant to define '.dark a:link' styles after the 'table #different a:link' as the last one declared is applied to the element.


Secondly, I think you meant "table#different" (table with ID = 'different') instead of "table #different" (all descendants of any table in the page with ID = 'different').

Thirdly, I don't get the idea what does this supposed to mean:
...
<tr style="a:link">
...

Open in new window

0
 
imantasCommented:
Does the Chrome ignore whole CSS file or just some of the styles are overridden? Link to the page where the problem appears would be appreciated.
0
 
brightsusanAuthor Commented:
It seems to ignore all of it.

http://www.trainwithcasie.com 

about 1/2 way down on the right side (under the "Movin On Up' graphic) there is a link that says "Click Here" to view the Mary Kay Career Path At a Glance)  The link is supposed to be a tan color and it is in other browsers but not in chrome.
0
Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

 
brightsusanAuthor Commented:
The first and last of those were just things I was trying.

The middle is actually for all links inside that table.  The reason for that is that the pages that I will be "including" this on have different styles for links and I want this table to have the same link color across the board without taking on each style of each site.

I want the table links to be black and underlined but then this certain link I need to be #ccc since it is in a dark brown background.

What would be the best way to do that?
0
 
imantasCommented:
I see that you've changed the stylesheet.

You have a line:
a.brown:link {color: #ccc; text-decoration: none; }

Open in new window


Change it to:
a.brown:link {
  color: #ccc !important;
  text-decoration: none;
}

Open in new window


That might help
0
 
brightsusanAuthor Commented:
Didn't work.  It still works on Safari and Firefox but not Chrome
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.