I get a parse error on line 53, and line 53 is where I have my </html> tag.
Here's the code I'm using....
<?php
if (isset($stylecookie))
{
// check to see if the cookie is already set
$stylevalue = $stylecookie; // set the style to be the cookie's value if cookie is found
}
else {
$stylevalue = "layout800"; // assign the default style if no cookie is found
}
if (isset($GET['style']))
{
// check to see if the user wants to change the style
setcookie ("stylecookie", $GET['style'], time()-500000); //delete existing cookie
setcookie ("stylecookie", $GET['style'], time()+500000); //create new cookie
$stylevalue = $GET['style']; // assign user's choice so no refresh is required.
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import "<?php echo $stylevalue;?>.css";
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="#">Header</a></h1>
<h2>Sub Header</h2>
</div>
<div id="layout">
Layout: <a id="use" href="index.php?style=layout800">800</a> · <a href="index.php?style=layout1024">1024</a> · <a href="index.php?style=layout75">75%</a>
</div>
<div id="nav">
<h4>Navigation</h4>
<ul>
<li><a href="index.html">Link</a></li>
<li><a href="index.html">Link</a></li>
<li><a href="index.html">Link</a></li>
<li><a href="index.html">Link</a></li>
<li><a href="index.html">Link</a></li>
</ul>
</div>
<div id="content">
<p>One of the issues I saw was that the layout was designed for 1024X768 resolution. While that resolution is the number one resolution being used now, 800X600 is close enough to where it still needs to be taken into account. Because of this, I went and made the layout based on 800X600 for now. You can make a layout which uses a fluid layout, but you will have to play around with your images depending on how you want it to finally look. As you can see, I went and dropped the welcome and navigation images because they were too big for a 800X600 based layout and you also want to keep load times within reason for modem users.</p>
<p>To give you an idea why you need to play around with images in a fluid layout, look at how the header image ends before the actual layout does. You would want to make an image that went the full length of the whatever the resolution is. To do this, you would create an image that repeats nicely, repeat the image horizontally as a background image, and then place the text, or another image over it. Another way to do it, is by having the image end in a way the it blends in with the rest of background after it ends. I believe cc.net does this with their banner image. If you just want to go with a fixed width layout and you want pretty much want the image you are using now, just make a 750px wide version of it.</p>
<p>Font sizes, colors, margins, cross browser issues, and anything else has to be worked out. I'm just looking for feeback on the initial placement of everything. There's no sense in tweeking the code if I'm going to be switching it around anyway.</p>
</div>
<div id="footer">Footer</div>
</div>
</body>
</html>
