I have already created my vertical menu in CSS Menu Designer and would now like to try using a Server Side Include. After reading through all of the threads I have a couple of questions and would like a kind soul to verify that I understand the process before continuing.
According to my web host the SSI path is <!--#include virtual="anyfilehere" --> and the web pages need to be named either .shtml or .sht rather than .html or .htm.
So the first thing I need to do is obviously rename those pages, including index.html - correct?
I leave all of the files that CSS Menu Designer created such as the .mnu file and the .css files where they currently reside - correct?
I want to have 2 includes - one for the menu and one for the footer. Starting with the menu include, I open a blank page and name it using the .html and not the .shtml extension. Since I already have the menu inserted onto each page, can I just open any page and copy and paste the menu items between the <body> </body> tags of the new file or do I have to re-create it in the CSS Menu Designer? Once that is pasted, I also would copy and paste the <link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen" /> tag in the <head> </head> tags - correct?
For the include file do I need to have all of the other data such as meta data, doctype, etc. between the HEAD tags as well?
To then utilize the SSI, in the example below, I would first delete the existing <link rel="stylesheet".../> from the head tags, delete the menu list items from where they currently appear in the page and then insert the <!--#include virtual file="anyfilehere.html" --> file - correct?
Because I was having difficulty getting the menu to center I created a <division class="center"> with the <ul class="menu-menu"> so should the include look like this:
<division class="center>
<ul class="menu-menu">
<!--#include virtual file="anyfilehere.html" -->
</ul>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Frank and Kolb, Russia - Welcome</title>
<meta http-equiv="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)" />
<meta name="created" content="Sun, 06 Jun 2010 18:48:12 GMT" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="description" content="Welcome to the joint website for the ancestral villages of Frank and Kolb, neighboring villages located along the Volga River in Saratov, Russia." />
<meta name="keywords" content="Frank, Kolb, Saratov, Russia, German, Russian, ancestral, villages, colonies, River, Volga, genealogy" />
<link rel="shortcut icon" href="http://www.frank-kolb-russia.org/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" media="screen" href="css/main-styles.css" />
<link rel="stylesheet" type="text/css" media="print" href="css/print.css" />
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen" />
</head>
<body>
<div id="container"><a name="top"></a>
<div id="wrapper">
<div id="header">
<h1>Frank and Kolb, Russia</h1>
<p class="description">Two German colonies on the Volga River</p>
</div>
<div class="center">
<ul class="menu-menu">
<li class="first"><a href="index.html">Home</a>
<ul>
<li class="first"><a href="index.html">Welcome</a></li>
<li><a href="history/history.html">History</a>
</ul>
Since I didn't use CSS Menu Designer to create the footer and it is currently using the main-styles.css file, would I just copy the <link rel="stylesheet" type...css/main-styles.css" /> into the footer include file, and leaving it on each individual page as well?
And finally - when it says "you want to make sure that all files associated with the include is in the same file folder", does this mean that I have to have copies of each of the Menu.html and Footer.html files in each sub folder, i.e. History, Resources, Miscellaneous etc.?
No question is a dumb question right?
Kelly
