Problem with CSS and PHP working together:(

cssgopher · #1 (**permalink**) 03-22-08, 06:13 PM

Hey guys,

I'm pretty new here.
Anyways been looking on the net and searching forums for this problem, but can't seem to find anything.

Okay, the problem.

I am trying to use php to write a web page using css. Now I'm pretty sure that I can use basic html and name the file as .php. THe reason it has to be .php is because I have a script I want to put on the page for streaming .rss.

So I wrote out some html, and the css sheet for this page. The problem is that when I try to view the page, all i get is the code displayed back to me, or a page with two links, one for html code, and the other for css code.

I decided to change the document to html to see if it would work then. If the document is .html, it works fine and displays like normal,

but if it's .php then I just get a directory page to the two codes viewable through the browser. I've tried this with mozilla and IE- latest versions.

At first I thought maybe it is the DOCTYPE. I had the DOCTYPE at the top set as if I was using xhtml Strict.

Is there a different doctype I should use for .php and css? I didn't think it mattered.

Anyways, any insights to what could be the problem is greatly appreciated.

cssgopher

mab · #2 (**permalink**) 03-22-08, 06:39 PM

If you are seeing raw php code in your browser it either means that .php files are not being parsed by the web server/php language engine or you don't have proper or working php tags around the php code.

You would need to post your code as a starting point in figuring out what the problem is.

Jay6390 · #3 (**permalink**) 03-22-08, 06:41 PM

If you post your code, it would help a great deal. We can't read minds. . .yet

EDIT: "Quickfingers" MAB beat me to it

cssgopher · #4 (**permalink**) 03-22-08, 06:52 PM

ah. php tags... that could be my problem. I forgot all about the php tags. Dang I feel so retarded right now. I'll try that and see if it works.

You might not have to read my mind after all. lol. jjking.

K' I'll get back to you if it solved the problem.

oops, for some reason I thought I needed php tags at the very beginning and the very ending of the coding like as html is.

Okay, I'm a little confused. I'll have to post the code. THis is just a beggining, as i'm just testing it all out, I haven't really put much content on.

Here is my .php document code:

HTML Code:

<!DOCTYPE html "-//w3C//DTD XHTML 1.0 Strict//EN"
		  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple Swing Review</title>
<link href="file:///c:/Users/Cuyler/Documents/My%20Business/Business%20Projects/Simple%20Swing%20Review/Site%20Files/SSR%20CSS%20Style%20Sheet.css" rel="stylesheet" type="text/css">
<html>
<body>

<div id="content">
<tr>
<h1>Weight Loss Tips, Tricks, and Info</h1>
</tr>
</div>

</body>

</html>

and here is my css sheet code:

HTML Code:

#content {position: relative;
          top: 200px;
		  left: 18%;
		  right: 18%;
		  width: 64%;
		  z-index: 3;
		  border-bottom: 1px solid #330099;
		  border-left: 1px solid #330099;
		  border-right: 1px solid #330099;}
		  
h1 {font-family: georgia;
    font-size: 28px;
	font-style: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #330099;}

Jay6390 · #5 (**permalink**) 03-22-08, 06:54 PM

lol, if you dont have php tags, it wont be parsing it any time soon

mab · #6 (**permalink**) 03-22-08, 08:37 PM

It is not entirely clear from the posted information what you tried or how you are opening the file (though given that the link to your css file, which is a file system path and not a URL and won't work in real life, I would guess you are simply opening this directly in your browser and not through a web server), but here is a little php 101 -

Php is a server side scripting language. In order for you to execute php code, you need a web server with the php language added to it.

Once you have a web server w/php installed and working, when a browser fetches a document ending in an extension (default is .php) that is parsed by the php language engine, the file is read and parsed/executed.

Any content contained in the file that is not between opening and closing php tags - <?php ?> will simply be output to the requesting browser, the same as if php did not exist. Anything between opening and closing php tags - <?php ?> will be parsed and executed by the php language engine as php code and data.

cssgopher · #7 (**permalink**) 03-23-08, 11:18 PM

Okay, thanks, so I need to put everything in php opening and closing tags

Do I also include the DOCTYPE at the top in the php tags?

Jay6390 · #8 (**permalink**) 03-24-08, 04:31 AM

Quote:

Originally Posted by cssgopher

Okay, thanks, so I need to put everything in php opening and closing tags

Do I also include the DOCTYPE at the top in the php tags?

Absolutely not. The only thing that goes in between <?php and ?> are PHP statements such as echo, file_get_contents etc. your (X)HTML/CSS etc will not work inside the tags and will cause numerous errors