PDA

View Full Version : How to separate parts of a webpage into SSI components



rosshenderson
27 Oct 2005, 08:31 AM
Hi all!

I am currently redesigning my webpage. I want to have a side panel with navigation buttons on the left. I also want to have a banner. Rather than have the side panel and banner duplicated on every page, I would like to make them SSI compents and use #includes. The banner is not the problem, I just want to get the panel at the side working. I have tried a table at the side with these buttons on it in the same file as the banner, but when I do a #include, the rest of the page comes out below the table.

I have done the complete page as one file and got the folowing code

<h1 class="banner" align="center"><font size="7">Nav-e-gate4less.co.uk</font></h1>
<h1 class="banner" align="center"><font size="5">UK Based Business Providing Navigation
Equipment at Prices you can Afford</font></h1>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="left">
<input type="hidden" name="business" value="ross.henderson@nav-e-gate4less.co.uk">
<input type="image" src="https://www.paypal.com/images/view_cart.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="display" value="1">
</div>
<div align="center"></div>
</form>
<p align="left"><font size="+5"><b><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
<param name=movie value="Home.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="">
<embed src="Home.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="">
</embed>
</object></b></font></p>
<p align="left"><font size="+5"><b><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
<param name=movie value="FAQ's.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="">
<embed src="FAQ's.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="">
</embed>
</object></b></font><font size="+5"><b>Massive Reductions now Available </b></font></p>
<p align="left"><font size="+5"><b><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
<param name=movie value="Postage.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="">
<embed src="Postage.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="">
</embed>
</object>Special Offers on Garmin GPS</b></font></p>
<p align="left"><font size="5"><b><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
<param name=movie value="Terms&Conditions.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="">
<embed src="Terms&Conditions.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="">
</embed>
</object>Click on the images below to view our latest offers</b></font></p>
<p></p>
<p></p>
<p><b> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="100" height="22">
<param name=movie value="Anquet.swf">
<param name=quality value=high>
<param name="BASE" value=".">
<param name="BGCOLOR" value="">
<embed src="Anquet.swf" base="." quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" bgcolor="">
</embed>
</object>All prices, except where stated, are in UK Pounds Sterling and include
VAT.</b></p>

Basically this contains buttons and text. I would like the text to the right of the buttons. Any ideas as to how to separate the text from the buttons so I can have the buttons as a separate SSI component??

Rincewind
27 Oct 2005, 12:31 PM
Have a look at http://www.splodgy.com/modules/dokuwiki/doku.php?id=ssi_-_server_side_include for a detailed expanation of how SSI works.