Ssi

@michaelstevensoJul 13.2004

I’m just getting into SSI’s and I’ve already hit a snag:

I’m using CSS to utlilize a three column float page. When I striped the page down to content only and tried to insert my header, topnav bar, left nav, and footer info via SSI’s nothing shows! The areas show up on the page but nothing that is supposed to be included is there. The includes, when viewed from an editor appear, but I can’t get them into the page. Anyone have a suggestion? I submitted the problem with all the coding to the Mentors a few days ago but I’m still waiting… Help!!

to post a comment

Full-stack Developer

4 Comments(s) _↴

@TheBearMayJul 13.2004 — #Anywhere we can see the page?

@PeOfEoJul 13.2004 — #make sure you are using a .shtml extention on the page doing the includeing.

@michaelstevensoauthorJul 14.2004 — #I want to use SSI’s on my site but I’m having trouble figuring out how to code the includes and get the web pages to recognize them. (I know I will have to change from HTML to SHTML). I would like to have the header, topnav, menu bar, leftnav, footer, and the section from <h6>

<b>

Web Design by

<br>

Web Master Michael R. Stevenson of Stevenson Enterprises

</b>

</h6>

<img src="Stevenson-Becker-30.gif" width="319" height="59" border="0"alt="Web Design by Stevenson Enterprises" >

</center>

as the includes.

The site (http://www.waterfallrecordings.com) is up and works fine when viewed in Netscape, Internet Explorer, Opera, and Monzilla. The hosting service does support SSI’s and php. I put the coding for the CSS script at the bottom.

One more question: should I keep the DOCTYPE as I have it, or would it be advisable to change it to HTML 4.01 Frameset DTD <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">?

If I use iframes (as I did on my Guest Book page where I have our Music Forum in the Guest Book page) around the Bravenet services that I use, will that keep the users in my site instead of completely sending them to another site?



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

"http://www.w3.org/TR/

REC-html40/loose.dtd">

<html>

<head>

<title>

Our Location in Detroit, Michigan. Map and written directions

</title>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">

<! Hide staus bar-->

<script src="hidestatus.js" language="JavaScript" type="text/javascript">

</script>

<link rel=StyleSheet href="CSS2 style.css" title="Contemporary" TYPE="text/css">

</head>

<body>

<script src="Copyright.js" language="JavaScript" type="text/javascript">

</script>

<div class="header">

<br>

<center>

<img src="WaterFall Logo.gif" width="91" height="91" border="1"alt="Welcome to the WaterFall Records. Affordable Recording in Detroit, MI. This is where we are located">

<font size=8 color="#0000000">

WaterFall Records

</font>

</center>

</div>

<div class="topnav">

<div class="menuBar">

<br>

<strong>

<a class="menuButton" href="index.html" title="WaterFall Records Home Page">Home </a>

</strong>

</div>

</div>

<div class="leftnav">

<ul>

<strong>

<li>

<a class="buttons" href="index.html" title="WaterFall Records Home Page">Home </a>

</li>

</strong>

</ul>

</div>

<div class="body">

<br>

<center>

<font size=6 color="#4b0082a">

Our Location

</font>

<br>

<br>

<img src="bar_flare_md_wht.gif" width="425" height="16" alt="Spacer">

</center>

<script src="viewSource.js" language="JavaScript" type="text/javascript">

</script>

<br>

<br>

<center>

<img src="bar_flare_md_wht.gif" width="70%" height="20">

<h6>

<b>

Web Design by

<br>

Web Master Michael R. Stevenson of Stevenson Enterprises

</b>

</h6>

<img src="Stevenson-Becker-30.gif" width="319" height="59" border="0"alt="Web Design by Stevenson Enterprises" >

</center>

</div>

<div class="footer">

<center>

<font size=1>

<b>

Copyright ©2003, 2004

<a href = "mailto:stevensonenterprises@waterfallrecordings.com" title="Send an email to Stevenson Enterprises">Stevenson Enterprises</a>

</b>

<br>

<i>

All rights reserved. Reproduction of material appearing in this web site is

strictly prohibited without written permission.

</i>

<br>

<a href = "mailto:waterfall@waterfallrecordings.com" title="Send an email to WaterFall Records">WaterFall Records</a>

<br>

 

</font>

</center>

<br>

</div>

</body>

</html>

Here is the coding for CSS2 style.ccs

div.header {

clear:both;

height:120px;

background-color:#0099FF;

border:1px solid #000000;

}

.topnav {

background-color:#CCCCCC;

border:1px solid #000000;

border-color: #f0f0f0 #909090 #909090 #f0f0f0;

border-left:1px solid #000000;

border-right:1px solid #000000;

}

div.menuBar,

div.menuBar a.menuButton {

font-family: Verdana, Arial, sans-serif;

font-size: 8pt;

color: #000000;

}

div.menuBar {

padding: 6px 2px 6px 2px;

text-align: center;

margin-left:20px;

}

div.menuBar a.menuButton {

background-color: transparent;

border: 1px solid;

border-color: #f0f0f0 #909090 #909090 #f0f0f0;

color: #000000;

cursor: pointer;

left: 0px;

margin: 1px;

padding: 2px 6px 2px 6px;

position: relative;

text-decoration: none;

top: 0px;

z-index: 100;

white-space:nowrap;

}

div.menuBar a.menuButton:hover {

background-color: transparent;

border-color: #909090 #f0f0f0 #f0f0f0 #909090;

color: #0000ff;

text-transform:uppercase;

}

div.menuBar a.menuButton:active {

border-right:1px solid #000000;

color:#ff0000;

text-decoration:none;

background-color: #909090 #f0f0f0 #f0f0f0 #909090;

}

div.menuBar a.menuButton:visited {

color:#008000;

text-decoration:none;

}

.leftnav {

width:110px;

background-color:#dcdcdc;

border-left:1px solid #000000;

border-right:1px solid #000000;

border-bottom:1px solid #000000;

float:left;

}

.leftnav ul {

margin: 3px;

padding: 0px;

white-space: nowrap;

}

.leftnav li {

list-style-type: none;

}

div.leftnav a.buttons {

margin:0px 0px 0px -20px;

padding:7px 20px;

font-family:Arial, sans-serif;

font-weight:bold;

font-size:8.5pt;

color:#000000;

white-space:nowrap;

text-decoration:none;

}

div.leftnav a.buttons:hover {

color:#0000ff;

text-decoration:none;

}

div.leftnav a.buttons:active {

color:#ff0000;

text-decoration:none;

}

div.leftnav a.buttons:visited {

color:#008000;

text-decoration:none;

}

.body {

margin: 2px;

padding: 5px;

font-family: Verdana, Arial, Helvetica, sans-serif; font size: 10pt;

border-right:1px solid #000000;

}

div.footer {

clear:both;

background-color:#CCCCCC;

border-top:1px solid #000000;

border-right:1px solid #000000;

border-left:1px solid #000000;

border-bottom:1px solid #000000;

}

When I try the includes, I get the areas for the div’s only, i.e. the header area sized and in the correct color but lacking the image and text. So now that I’ve had to think more on how the state the problem I’m having and trying other variations, I guess what I need is help and how to get the image and text into the header via a SSI, how to get the nav bar, buttons, and footer links into their perspective areas on the page and still function. I'd love to keep the appearance the same.

Thank you in advance,

Michael Stevenson

http://.www.waterfallrecordings.com

[email][email protected][/email]

P.S. I had to edit the size of the coding, you can view the full online.

@michaelstevensoauthorJul 21.2004 — #I'm about to upload my existing site with SSI's. My concern is do I have to create a 'redirect' page from the idex.html to point to the new index.shtml?

Another concern is: what about the sites, links, directories, search engines, web rings, etc., that have listed my site? Will the change from html to shtml stop the current links to work? Isn't there a means (by a CLASS call or something) to allow the new site to be called i.e. http://www.waterfallrecordings.com where the new extension would still permit the links from other sites to remain valid, if that is even necessasary?

Should I change all the page calls from within my site to, for example, "waterfallrecordings.com/index.shtml/" adding the slash? Wouldn't this cause the browser to search only once for the page instead of checking twice?

One more question: should I keep the DOCTYPE as <.!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/

REC-html40/loose.dtd">, or would it be advisable to change it to HTML 4.01 Frameset DTD <.!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">?

I would appreciate any help I can get!

Thank you in advance,

Michael Stevenson