i want to include one html file into another, but it doesnt seem to work out
the two files are
C:/wamp/www/AuctionVilla/index.html
and
C:/wamp/www/AuctionVilla/header.html
here’s my index.html file
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" media="screen" href="CSS/style.css" />
</head>
<body>
<div id="index_container">
<table align="center">
<tr>
<td>
<table width="1000px" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="3">
<!--#include virtual="C:/wamp/www/AuctionVilla/header.html" -->
</td>
</tr>
<tr>
<td colspan="3"> 
</td>
</tr>
<tr>
<td width="350px">
</td>
<td width="5px" rowspan="3"> 
</td>
<td width="650px" rowspan="3">
<div id="product_container" class="divcontainer" style="width: 645px; height: 500px;">
</div>
</td>
</tr>
<tr>
<td width="350px" height="5px">
</td>
</tr>
<tr>
<td width="350px" height="355px">
<div id="movie_container" class="divcontainer" style="width: 350px; height: 355px;">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
and here’s my header.html file
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>header</title>
<link rel="stylesheet" type="text/css" media="screen" href="CSS/headerMenu.css" />
</head>
<body>
<div id="main_body">
<div>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<object classid="clsid:1" codebase="../UAuction/Images/matrimony.swf" width="1000" height="228">
<param name="Images/matrimony.swf" />
<param name="quality" value="high" />
<embed src="../UAuction/Images/matrimony.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="1000" height="228" wmode="transparent">
</embed>
</object>
</td>
</tr>
</table>
</div>
<br/>
<div id="topmenu">
<table align="center" bgcolor="#000000">
<tr>
<td>
<ul id="css3menu">
<li><a href="../UAuction/index.php">  Home</a></li>
<li><a href="#">  Category</a>
<ul>
<li><a href="#">Art</a>
<ul>
<li><a href="#">Paintings</a></li>
<li><a href="#">Sculptures</a></li>
</ul>
</li>
<li><a href="#">Books</a>
<ul>
<li><a href="#">Book</a></li>
<li><a href="#">Documentaries</a></li>
</ul>
</li>
<li><a href="#">Furniture</a>
<ul>
<li><a href="#">Chair</a></li>
<li><a href="#">Wardrobe</a></li>
<li><a href="#">Table</a></li>
</ul>
</li>
<li><a href="#">Sport Goods</a>
<ul>
<li><a href="#">Cricket</a></li>
<li><a href="#">Football</a></li>
<li><a href="#">Rugby</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="../UAuction/register.php">  Register</a></li>
<li><a href="#">  Top Bidders</a></li>
<li><a href="#">  Top Sellers</a></li>
<li><a href="../UAuction/contact_us.php">  Contact Us</a>
<ul>
<li><a href="#">Partners</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="../UAuction/about_us.php">About Us  </a></li>
</ul>
</td>
</tr>
</table>
</div>
</div>
<script src="../UAuction/JQUERY/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../UAuction/JQUERY/jquery.effects.core.js" type="text/javascript"></script>
<script type="text/javascript" src="../UAuction/JQUERY/script.js"></script>
</body>
</html>
i dnt knw whta seems to wrong, but it isnt workking fr me…
i tried to change the html to shtml but the file doesnt include at all..
If you only have HTML on your server, or you need only HTML files, you can use frames.
or
iframeslike this (in yourindex.htmlfile):But, it is not recommended as it creates a kind of table. If you have PHP on your server, create a PHP file, and use
If you have SSI (Server Side Includes) on your webserver, then have this:
Personally, I suggest you to use PHP method.