Create CSS File For PHP Files

angelkay73

Hey guys. I am new to PHP and CSS. So I stay confused most of the time. How do I create a CSS file to incorporate into all of our PHP files while implementing it withing an existing Authenication function? I have installed Dreamweaver MX to hopefully help me with this, but I am confused about how to get started. Any help would be greatly appreciated!

Thanks!
Angel

Errant

how do you mean? to include a css file in evey document you just need to create it then reference it in the Html code.

E.g. if you have a css file called 'site.css' add this line to the header of the html code on every page:

n_wattam

i think you might be confusing the two a bit.

CSS, is used for HTML etc, to configure more or less the way all your HTML code is formatted. It then make it easy to change the look of your page via a single setting, as appose to chaning every eliment.

PHP, basically generates HTML as a by product of being excecuted on the server it sits on.

so for example if you had any echo statement which display text etc, but want to use your CSS file on the text, you still do it as normal.. you dont actually apply CSS directly to PHP functions or code, if you get my meaning.

angelkay73

OK.. I am working with a group of 3 other people. Unfortunately, I am usually left to figure everything out on my own. This is what I was given in an e-mail:

"We will need a CSS file to incorporate into all of our pages. This can easily be accomplished by implementing it into the Authenication function that I have developed as it is included in every page as it is.
The font size should be 10 pt in the Arial typeface for all standard text and in black. Headings should be in a nice color scheme and I will leave that up to you. We can always adjust it later. Add a couple of other nice features in there."

So, I have never used CSS before this moment. And I have never even heard of PHP before a couple months ago. So, as you can see I am completely lost. Does this better explain what I am needing? I am sorry for being completely stupid 🙁 Thanks for the help!

n_wattam

ah right ok...

The easy way i think for you would be, forget php one moment for this idea. With dreamweaver create some text and then create a css file, then setup your setting as requested by your friends in this..

To apply it to the php file, you just take the header which loads the CSS file and pop it in your php file at the top, then your CSS with format the php content, so long as they refference to it.

angelkay73

I'm sorry... I know this should be really simple, but I am just confused. I am not familiar with Dreamweaver either. I tried to create the text in there... and this is what I have. But I don't feel like I did it correctly... And I didn't add a couple more things.. like the email said.. I don't know what else I could add 🙁 And I'm still not sure how to incorporate it into all the php files or how to reference it. Will I copy and paste this code on the top of every single php file that we have? Sorry 🙁( I am so lost right now 🙁

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFCC;
}
<link href="heading.css" rel="stylesheet" type="text/css">

dougal85

angelkay73 wrote:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFCC;
}

your css looks fine. as far as i can see (without testing it) so thats good 🙂 Im' assuming you have it in a seperate .css file, since you know about the link?

angelkay73 wrote:
<link href="heading.css" rel="stylesheet" type="text/css">

Now you just need to put the link that you have above into the PHP. the email states that there is a authentification function that is used in every page as it is, so if you look at this function, you need to add it into there.

it should be near the top, you are looking to put it between the <head> </head> tags.

possibly like :

echo "<link href=\"heading.css\" rel=\"stylesheet\" type=\"text/css\">";

i'm no pro however, just a suggestion 🙂

hopefully that helps... a bit!

n_wattam

save the following, in test.php

<style type="text/css">
<!--
.content_gray {
	font-size: 11px;
	font-family: Arial;
	color: #999999;
	font-weight: normal;
	line-height: 2em;
}
</style>

<?
echo "<span class='content_gray'>Individually Tailored IT Services</span>";
?>

the top section is CSS, i have included this code to be in the same file.

the php is the 2nd part, as you can see in the echo command which is php, there is just plain general HTML, but as you will notice, the text is formated by the use of CSS

When CSS becomes complex or just to have things all in there own place, the CSS code goes in its own file, and you refference to that file like you did above.

angelkay73

ok.. i saved the file test.php exactly as you had it above... but i am really not sure of the reference thing. I was trying to change the headings within Dreamweaver and somehow it created a reference link there.