Hi, I am a little confused about css & ssi. I want to produce a 6 page website and have a template for fixed header/fixed left column/and a scrollable righ column. I want to use this as an external stylesheet.So far, no problem. My question is when I am writing the xhtml code for the individual pages, how do I direct the text to be in the columns that the stylesheet template has?
and should I use ssi or the external stylesheet?Use an external style sheet to include your CSS on each page.
Use SSI's to include blocks of markup that are all the same.
It's that simple.
CSS and XHTML are completely different things and should be kept separate.Thanks Lavalamp, just to clarify...
what I could do is to create that first 'template' page (in xhtml as this is for an assignment I have to do and they have stipulated xhtml) so I could use that for all 6 pages and just add the individual content, and leave css alone.
And where I have a block of text that is on all pages, like links to the other pages contact details etc I use ssi?Lava, the thing that has me confused is the fact that I have been told by my online course tutor that we have to
1/make sure its all validted strict xhtml and also
2/at least one external valid css file (w3c's css2) is applied to every page.
after what you said about keeping them separate I'm now confused?What might be better is if you had this:<?xml version="1.0" encoding="iso-8859-1"?>
<!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>Unique Page Title</title>
<!--#include file="headsection.shtml"-->
<p>PAGE CONTENT</p>
</body>
</html>Then headsection.shtml might look like this:<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"scripts.js"></script>
<style type="text/css">/*<![CDATA[*/
@import "styles.css";
/*]]>*/</style>
</head>
<body>Since your scripts and styles are external they can be doanloaded and cached.Originally posted by zorro2250
after what you said about keeping them separate I'm now confused?I meant have as little CSS as possible in with the XHTML. Just reference your styles rather than putting them in every page.
and should I use ssi or the external stylesheet?Use an external style sheet to include your CSS on each page.
Use SSI's to include blocks of markup that are all the same.
It's that simple.
CSS and XHTML are completely different things and should be kept separate.Thanks Lavalamp, just to clarify...
what I could do is to create that first 'template' page (in xhtml as this is for an assignment I have to do and they have stipulated xhtml) so I could use that for all 6 pages and just add the individual content, and leave css alone.
And where I have a block of text that is on all pages, like links to the other pages contact details etc I use ssi?Lava, the thing that has me confused is the fact that I have been told by my online course tutor that we have to
1/make sure its all validted strict xhtml and also
2/at least one external valid css file (w3c's css2) is applied to every page.
after what you said about keeping them separate I'm now confused?What might be better is if you had this:<?xml version="1.0" encoding="iso-8859-1"?>
<!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>Unique Page Title</title>
<!--#include file="headsection.shtml"-->
<p>PAGE CONTENT</p>
</body>
</html>Then headsection.shtml might look like this:<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<script type="text/javascript" src=http://www.webdeveloper.com/forum/archive/index.php/"scripts.js"></script>
<style type="text/css">/*<![CDATA[*/
@import "styles.css";
/*]]>*/</style>
</head>
<body>Since your scripts and styles are external they can be doanloaded and cached.Originally posted by zorro2250
after what you said about keeping them separate I'm now confused?I meant have as little CSS as possible in with the XHTML. Just reference your styles rather than putting them in every page.