Onyx
07-24-2003, 12:53 AM
I used SSI on my website, (http://elementdesignz.tripod.com) just like it said on this site. Only I didn't have to rename things to .shtml, just kept them at .html and it worked. Now, my index page worked perfectly. Here's my index.html page:
code==================
<!--#include file="hf/header.txt" -->
<center><font size=6><b>Latest News</b></font></center><p>
<b> Grand Opening</b><br>
Element Website Designz is now open! We are an organization that deals with designs of websites. We will share website design codes and show you what they do. (See the <a href="about.htm">about</a> page to read more.) We hope you like Element Web Designz.
<div align="right"><small>07.23.03 | Element</small></div>
<!--#include file="hf/footer.txt" -->
======================
And, my Element page:
code===================
<!--#include file="hf/header.txt" -->
<center><font size=6><b>Element Info</b></font></center>
<p>
<table border=0 width=400 cellpadding=10>
<tr><td width=200 align="right"><b>Job</b></td><td width=200>Webmaster/Founder/Head Designer</td></tr>
<tr><td width=200 align="right"><b>Email</b></td><td width=200><a href="mailto:elementdesignz@hotmail.com">elementdesignz@hotmail.com</a></td></tr>
<tr><td width=200 align="right"><b>Other Aliases</b></td><td width=200>Gandalf_222, Onyx.</td></tr>
<tr><td width=200 align="right"><b>Other Sites</b></td><td width=200><a href="http://knightsofthealter.tk">KOTA,</a> <a href="http://www.runehive.shorturl.com">RuneHive.</a></td></tr>
<tr><td width=200 align="right"><b>Find me:</b></td><td width=200>playing <a href="http://www.runescape.com">Runescape,</a> my <a href="http://knightsofthealter.tk">clan site.</a></td></tr>
</table>
<!--#include file="hf/footer.txt"-->
=======================
OK, now here's my header:
code====================
<html>
<head>
<title>Element Website Designz</title>
<style type="text/css">
A:link
{ text-decoration: underline; font-family: courier new; color:#009900; }
A:visited
{ text-decoration: underline; font-family: courier new; color:#009900; }
A:active
{ text-decoration: none; font-family: courier new; color:#009900; }
A:hover
{ text-decoration: none; font-family: courier new; color:#009900; }
body
{ background-color: #000000;
font-family: courier new;
color: #009900;
font-size: small;
scrollbar-face-color : #000000;
scrollbar-highlight-color : #009900;
scrollbar-3dlight-color : #009900;
scrollbar-shadow-color : #009900;
scrollbar-darkshadow-color : #009900;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #009900; }
td
{ font-family: courier new;
color: #009900;
padding-left: 5;
padding-right: 5;
padding-top: 2;
padding-bottom: 2; }
input, textarea
{ background: #000000;
font-family: courier new;
color: #009900;
border-style: solid;
border-color: #009900;
border-width: 1; }
</style>
</head>
<body bgcolor="#000000" text="#009900" marginheight="0" marginwidth="0" topmargin="0" leftmargin="5">
<TABLE border=0 border-width=0 border-color=0 width=100%>
<TD colspan="2" width=100%>
<p align="left">
<div id="layer 4" style="position:absolute; left:20px; top:10px; width:900px; height:110px; padding:0px; border: 000000 0px solid; background-color:#000000; overflow:auto; scrollbar-face-color: #000000; scrollbar-highlight-color : #009900; scrollbar-3dlight-color : #009900; scrollbar-shadow-color : #009900; scrollbar-darkshadow-color : #009900; scrollbar-track-color : #000000; scrollbar-arrow-color : #009900;">
<a href="index.htm"><img src="banner.gif" alt="Element Website Designz" border="0"></a>
</div></align>
</TD></TR>
<TR><TD width=25%>
<div id="layer 1" style="position:absolute; left:20px; top:120px; width:200px; height:400px; padding:5px; border: 009900 1px solid; background-color:#000000; overflow:auto; scrollbar-face-color: #000000; scrollbar-highlight-color : #009900; scrollbar-3dlight-color : #009900; scrollbar-shadow-color : #009900; scrollbar-darkshadow-color : #009900; scrollbar-track-color : #000000; scrollbar-arrow-color : #009900;">
<font size=4><b>Main Menu</b></font><br>
<a href="index.htm">Home</a><br>
<a href="about.htm">About</a><br>
<a href="contact.htm">Contact</a><br>
<a href="staff.htm">Staff</a><br>
<a href="chat.htm">Chat</a><br>
<a href="FORUM-URL" target="_new">Forums</a><br>
<a href="using.htm">Using_us</a>
<hr color="#009900" width="75%">
<font size=4><b>Examples</b></font><br>
<a href="http://www.knightsofthealter.tk" target="_new">KOTA</a><br>
<a href="http://www.runehive.shorturl.com" target="_new">RuneHive</a><br>
<a href="http://www.elementdesignz.tripod.com" target="_new">Element_Designz</a><br>
More_Coming
<p>
<img src="menu_btm.gif" border=0 alt="Element Website Designz">
</div>
</TD><TD width=70%>
<div id="layer 2" style="position:absolute; left:240px; top:120px; width:600px; height:400px; padding:5px; border: 009900 1px solid; background-color:#000000; overflow:auto; scrollbar-face-color: #000000; scrollbar-highlight-color : #009900; scrollbar-3dlight-color : #009900; scrollbar-shadow-color : #009900; scrollbar-darkshadow-color : #009900; scrollbar-track-color : #000000; scrollbar-arrow-color : #009900;">
======================
And, my footer:
code==================
</div>
</TD></TR></TABLE>
<div id="layer 3" style="position:absolute; left:0px; top:530px; width:1000px; height:120px; padding:5px; border: 000000 0px solid; background-color:#000000; overflow:auto; scrollbar-face-color: #000000; scrollbar-highlight-color : #009900; scrollbar-3dlight-color : #009900; scrollbar-shadow-color : #009900; scrollbar-darkshadow-color : #009900; scrollbar-track-color : #000000; scrollbar-arrow-color : #009900;">
<center>
Resolution for this site should be 1024x768.<br>
Element Designz is Copyright © 2003 Element a.k.a. Lee Smith.<br>
All rights reserved.<br>
<a href="mailto:elementdesignz@hotmail.com">Contact Webmaster/Siteowner.</a>
</center></div>
</body>
</html>
====================
So, what's wrong? My index works with the h and f, but the element page doesnt.
Thanks.
-Onyx
code==================
<!--#include file="hf/header.txt" -->
<center><font size=6><b>Latest News</b></font></center><p>
<b> Grand Opening</b><br>
Element Website Designz is now open! We are an organization that deals with designs of websites. We will share website design codes and show you what they do. (See the <a href="about.htm">about</a> page to read more.) We hope you like Element Web Designz.
<div align="right"><small>07.23.03 | Element</small></div>
<!--#include file="hf/footer.txt" -->
======================
And, my Element page:
code===================
<!--#include file="hf/header.txt" -->
<center><font size=6><b>Element Info</b></font></center>
<p>
<table border=0 width=400 cellpadding=10>
<tr><td width=200 align="right"><b>Job</b></td><td width=200>Webmaster/Founder/Head Designer</td></tr>
<tr><td width=200 align="right"><b>Email</b></td><td width=200><a href="mailto:elementdesignz@hotmail.com">elementdesignz@hotmail.com</a></td></tr>
<tr><td width=200 align="right"><b>Other Aliases</b></td><td width=200>Gandalf_222, Onyx.</td></tr>
<tr><td width=200 align="right"><b>Other Sites</b></td><td width=200><a href="http://knightsofthealter.tk">KOTA,</a> <a href="http://www.runehive.shorturl.com">RuneHive.</a></td></tr>
<tr><td width=200 align="right"><b>Find me:</b></td><td width=200>playing <a href="http://www.runescape.com">Runescape,</a> my <a href="http://knightsofthealter.tk">clan site.</a></td></tr>
</table>
<!--#include file="hf/footer.txt"-->
=======================
OK, now here's my header:
code====================
<html>
<head>
<title>Element Website Designz</title>
<style type="text/css">
A:link
{ text-decoration: underline; font-family: courier new; color:#009900; }
A:visited
{ text-decoration: underline; font-family: courier new; color:#009900; }
A:active
{ text-decoration: none; font-family: courier new; color:#009900; }
A:hover
{ text-decoration: none; font-family: courier new; color:#009900; }
body
{ background-color: #000000;
font-family: courier new;
color: #009900;
font-size: small;
scrollbar-face-color : #000000;
scrollbar-highlight-color : #009900;
scrollbar-3dlight-color : #009900;
scrollbar-shadow-color : #009900;
scrollbar-darkshadow-color : #009900;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #009900; }
td
{ font-family: courier new;
color: #009900;
padding-left: 5;
padding-right: 5;
padding-top: 2;
padding-bottom: 2; }
input, textarea
{ background: #000000;
font-family: courier new;
color: #009900;
border-style: solid;
border-color: #009900;
border-width: 1; }
</style>
</head>
<body bgcolor="#000000" text="#009900" marginheight="0" marginwidth="0" topmargin="0" leftmargin="5">
<TABLE border=0 border-width=0 border-color=0 width=100%>
<TD colspan="2" width=100%>
<p align="left">
<div id="layer 4" style="position:absolute; left:20px; top:10px; width:900px; height:110px; padding:0px; border: 000000 0px solid; background-color:#000000; overflow:auto; scrollbar-face-color: #000000; scrollbar-highlight-color : #009900; scrollbar-3dlight-color : #009900; scrollbar-shadow-color : #009900; scrollbar-darkshadow-color : #009900; scrollbar-track-color : #000000; scrollbar-arrow-color : #009900;">
<a href="index.htm"><img src="banner.gif" alt="Element Website Designz" border="0"></a>
</div></align>
</TD></TR>
<TR><TD width=25%>
<div id="layer 1" style="position:absolute; left:20px; top:120px; width:200px; height:400px; padding:5px; border: 009900 1px solid; background-color:#000000; overflow:auto; scrollbar-face-color: #000000; scrollbar-highlight-color : #009900; scrollbar-3dlight-color : #009900; scrollbar-shadow-color : #009900; scrollbar-darkshadow-color : #009900; scrollbar-track-color : #000000; scrollbar-arrow-color : #009900;">
<font size=4><b>Main Menu</b></font><br>
<a href="index.htm">Home</a><br>
<a href="about.htm">About</a><br>
<a href="contact.htm">Contact</a><br>
<a href="staff.htm">Staff</a><br>
<a href="chat.htm">Chat</a><br>
<a href="FORUM-URL" target="_new">Forums</a><br>
<a href="using.htm">Using_us</a>
<hr color="#009900" width="75%">
<font size=4><b>Examples</b></font><br>
<a href="http://www.knightsofthealter.tk" target="_new">KOTA</a><br>
<a href="http://www.runehive.shorturl.com" target="_new">RuneHive</a><br>
<a href="http://www.elementdesignz.tripod.com" target="_new">Element_Designz</a><br>
More_Coming
<p>
<img src="menu_btm.gif" border=0 alt="Element Website Designz">
</div>
</TD><TD width=70%>
<div id="layer 2" style="position:absolute; left:240px; top:120px; width:600px; height:400px; padding:5px; border: 009900 1px solid; background-color:#000000; overflow:auto; scrollbar-face-color: #000000; scrollbar-highlight-color : #009900; scrollbar-3dlight-color : #009900; scrollbar-shadow-color : #009900; scrollbar-darkshadow-color : #009900; scrollbar-track-color : #000000; scrollbar-arrow-color : #009900;">
======================
And, my footer:
code==================
</div>
</TD></TR></TABLE>
<div id="layer 3" style="position:absolute; left:0px; top:530px; width:1000px; height:120px; padding:5px; border: 000000 0px solid; background-color:#000000; overflow:auto; scrollbar-face-color: #000000; scrollbar-highlight-color : #009900; scrollbar-3dlight-color : #009900; scrollbar-shadow-color : #009900; scrollbar-darkshadow-color : #009900; scrollbar-track-color : #000000; scrollbar-arrow-color : #009900;">
<center>
Resolution for this site should be 1024x768.<br>
Element Designz is Copyright © 2003 Element a.k.a. Lee Smith.<br>
All rights reserved.<br>
<a href="mailto:elementdesignz@hotmail.com">Contact Webmaster/Siteowner.</a>
</center></div>
</body>
</html>
====================
So, what's wrong? My index works with the h and f, but the element page doesnt.
Thanks.
-Onyx