Bought joomla template no text after flash content - html

I have bought a Joomla template from Template monster. It looks like this template isn't Ie8 fully compatible. I can't count on support, because when entering their online chat, you get a fague chat bot.
The problem is that the template doesn't show any text after the flash banner. In FF it all works great, but in Ie7,8 andabove not. Only the top menu and flash header.
This is the header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" >
<head>
<base href="http://www.friesecomputerservice.nl/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Friese Computerservice</title>
<link href="/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<script type="text/javascript" src="/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/media/system/js/caption.js"></script>
<script type="text/javascript" src="/templates/theme520/scripts/jquery.js"></script>
<script type="text/javascript" src="/templates/theme520/scripts/maxheight.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j('.menu-nav li').hover(
function() {
$j(this).addClass("active");
$j(this).find('.ulwrapper').stop(false, true).slideDown();
$j(this).find('.ulwrapper .ulwrapper').stop(false, true).slideUp('fast');
},
function() {
$j(this).removeClass("active");
$j(this).find('div').stop(false, true).slideUp('fast');
}
);
$j('.ulwrapper').hover(
function() {
$j('.parent').addClass("active_tab");
},
function() {
$j('.parent').removeClass("active_tab");
}
);
});
</script>
<script type="text/javascript" src="/templates/theme520/scripts/cufon-yui.js"></script>
<script type="text/javascript" src="/templates/theme520/scripts/News_Gothic_400.font.js"></script>
<script type="text/javascript" src="/templates/theme520/scripts/cufon-replace.js"></script>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<link rel="stylesheet" href="/templates/theme520/css/constant.css" type="text/css" />
<link rel="stylesheet" href="/templates/theme520/css/template.css" type="text/css" />
</head>
This is the body HTML including flash
<div class="flash"><p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
width="100%" height="393">
<param name="movie" value="/images/stories/header_v8.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<!--[if !IE]> <-->
<object data="/images/stories/header_v8.swf"
type="application/x-shockwave-flash" width="100%" height="393">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
FAIL (the browser should render some flash content, not this).
</object>
<!----> <!--[endif]-->
</object></p></div>
<!--content-->
<div id="content">
<div class="clear">
<!--left-->
<div id="left" class="maxheight">
<div class="left-indent maxheight">
<div class="left-border maxheight">
<div class="left-inner">
<div class="wrapper-box module_menu">
<div class="boxTitle">
<h3 >Main Menu</h3>
</div>
<div class="clear">
<div class="boxIndent">
<ul class="menu"><li class="item1"><a href="/home.html">
<span>Home</span></a></li><li class="item27">
<span>Blog</span></li>
<li class="item2"><a href="/joomla-license.html">
<span>Joomla! License</span></a></li><li class="item49">
<span>News Feeds</span></li>
<li class="item60"><span>Wrapper</span></li>
<li class="item61"><span>User</span></li>
<li class="item62"><span>Poll</span></li>
<li class="item63"><span>Search</span></li>
<li class="item48"><span>Web Links</span>
</li></ul> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--center-->
<div id="container" class="maxheight">
<div class="clear">
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="100%" class="article_column"> <div class="article-title">
<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%">
<div class="article-title-text">
Call of Dury - Black Ops </div>
</td>
</tr>
</table>
</div>
<div class="wrapper1-border">
<div class="wrapper1-bg clear">
<div class="article-text-indent">
<div class="clear">
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<h1>Call of Duty - Black Ops te koop in Stiens</h1>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="article-separator-indent">
<span class="article_separator"> </span></div>
</td>
</tr>
</table></td>
</tr>
</table>

Just FYI on TinyMCE, if you go into TinyMCE's plugin parameters in Extensions->Plugin Manager->Editor-TinyMCE the first parameter "Functionality" if you select "Extended" from the drop down list then TinyMCE will have an option to insert/embed media when you are editing your articles. And it does all the necessary code structure, you just have to select the flash.

Fixed. Joomla has a kind of clean code option in it's editor. That one should be turned off, so it does not trim certain parts of a code.
Also installing JCE as the default Joomla! WYSIWYG Editor (instead of TinMCE) gave me more options for formatting text, in my case code, there is even a option for formatting or inserting code samples. Inserting code samples combined with turning off clean code option.
Wonderfull.

Related

HTML Embedded SWF file unable to load within controller

Whenever I launch the HTML directly into the browser it loads the SWF fine, however whenever I go to the respective mapping(ie. when spring runs )(localhost:8080/testSWF)) it says unable to load SWF.
Here is my html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta http-equiv="x-ua-compatible" content="ie=edge"/>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<div th:replace="fragments/header-loggedin :: header-loggedin"/>
<h1>Test Biology Quiz</h1>
<br /><br />
<div class="row">
<div class="clearfix bottom-space"></div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1000" height="600">
<param name="movie" value="testQuiz.swf"/>
<param name="quality" value="high" />
<embed src="testQuiz.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1000" height="600"></embed>
</object>
</div>
<div class="clearfix bottom-space"></div>
<div th:replace="fragments/footer :: footer"/>
<!-- jQuery first, then Bootstrap JS. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>
</body>
</html>
My Controller just contains the mapping for /testSWF
#RequestMapping((value = "/testSWF", method = RequestMethod.GET)
public String testSWFFile(Model model){ return "/testSWF"; }
If you need more information please let me know, thanks in advance.

Dynamically Sized Contact

I am trying to have things on my web-page that will dynamically change size when I shrink the size of the page. I have currently hard-coded elements to specific spots like such:
<img class="img-responsive" style="position: absolute; top: 250; right: 0;"
src="/static/Pictures/16848_REGO_LOGO_nP1.png" height="450" width="450">
<img class="img-responsive" style="position: absolute; top: 410; left: 0;"
src="/static/Pictures/baked_icon.png" height="300" width="300">
As well as a video in the center of the page:
<div style="text-align: center">
<video controls="controls" autoplay="autoplay" width="550" height="350">
<source src="http://regotrade.com/static/Videos/Rego.mp4" type="video/mp4" />
<source src="http://regotrade.com/static/Videos/Rego.webm" type="video/webm" />
<source src="http://regotrade.com/static/Videos/Rego.ogv" type="video/ogg" />
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="550" height="350">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="config={'playlist':[{'url':'http%3A%2F%2Fregotrade.com%2Fstatic%2FVideos%2FRego.mp4','autoPlay':true}]}" />
<span title="No video playback capabilities, please download the video below">RegoTrade Video</span>
</object>
When I shrink the page, the image on the right collapses onto the video in the center, and eventually if I shrink it small enough, both images lay on top of the video. Is there a better way to do this?
EDIT: My full code:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<link rel="shortcut icon" type="image/x-icon" href="/static/Pictures/regoIcon.ico" />
<style>
.jumbotron{
margin-bottom:20px;
margin-top:0px;
padding:10px 0 10px 0;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/static/css/style.css" />
<title>Rego Trade Signup Page</title>
</head>
<body>
<div class="center">
</div>
<script type="text/javascript" src="/static/js/main.js"></script>
</body>
<div class="jumbotron img-responsive" height:auto style="background:#CCFFFF !important">
<h1>
<div style="text-align: center">
<strong>
<div style="font-size:79px">
<span style="color:#38B859">Rego</span><span style="color:#008FAF">Trade</span>
</div>
</strong>
</div>
</h1>
<div style="text-align: center">
<h4> Pre-register now, and we'll donate $1 to charity! </h4>
</div>
<div style="text-align: center">
<h5> Full Site Coming Soon... </h5>
</div>
</div>
</html>
<div style="position: absolute; top: 500; left: 0;">
</div>
<img class="img-responsive" style="position: absolute; top: 250; right: 0;"
src="/static/Pictures/16848_REGO_LOGO_nP1.png" height="450" width="450">
<img class="img-responsive" style="position: absolute; top: 410; left: 0;"
src="/static/Pictures/baked_icon.png" height="300" width="300">
<body bgcolor="#E6E6FA">
<form action="" method="post">
<div style="position: absolute; top: 355; left: 0;">
<h3><strong>A proud partner of Baked Cookies!</strong></h3>
</div>
<div style="position: absolute; top: 600; left: 0;">
<h5><strong>Mention RegoTrade and get 15% off your entire order!</strong></h4>
</div>
<div style="position: absolute; top: 625; left: 0;">
<h5><strong>(Valid through December 2015)</strong></h4>
</div>
<div style="position: absolute; top: 650; left: 0;">
<h5><strong>(812)-336-2253</strong></h4>
</div>
<div style="text-align: center">
<strong><label for="email"><font face="verdana" style="color:#008FAF"><div style="font-size:18px">Pre-Register:</div></font></label></strong>
<input id="email" name="email" type="email" size="34" placeholder= "email#indiana.edu"/>
<br>
<br>
<div style="font-size:18px">
<strong><font face="verdana" style="color:#38B859">Charity:</font></strong>
<select name="charity">
<option value="Indiana University Dance Marathon">Indiana University Dance Marathon</option>
<option value="Big Man on Campus">Big Man on Campus</option>
<option value="Drop the Puck on Cancer">Drop the Puck on Cancer</option>
</select>
</div>
<br>
<button type="submit" class="btn btn-info" onclick="alert('Your donation will be counted as soon as the email you have preregistered with is used to make an account. You will be able to make an account very soon!
Donations will be made next school year (2016 IDUM and BMOC, and 2017 DPOC.)');"> Sign Up </button>
</div>
</form>
<div style="text-align: center">
<video controls="controls" autoplay="autoplay" width="550" height="350">
<source src="http://regotrade.com/static/Videos/Rego.mp4" type="video/mp4" />
<source src="http://regotrade.com/static/Videos/Rego.webm" type="video/webm" />
<source src="http://regotrade.com/static/Videos/Rego.ogv" type="video/ogg" />
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="550" height="350">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="config={'playlist':[{'url':'http%3A%2F%2Fregotrade.com%2Fstatic%2FVideos%2FRego.mp4','autoPlay':true}]}" />
<span title="No video playback capabilities, please download the video below">RegoTrade Video</span>
</object>
</video>
<p>
<strong>Video didn't load? Download Video Here</strong>
</p>
<p>
Contact Us
</p>
</div>
</body>
<!--
<div>
<font size="4">Log In</font>
<font size="4">Create Account</font>
</div> -->

Input fields becoming empty

I'm working on a function that inserts data to a database from a form, Whenever i use the masterpage and send the form to add a data, it breacks and stores nothing, the input fields seem to be empty.
but when i detach the masterpage, the functions works fine and data is stored eventually, i tried this with a new masterpage and the problem persists, i really don't know what is the problem.
Here is the MasterPage code :
<%# Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="backOffice_MasterPage" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<asp:ContentPlaceHolder runat="server" ID="title">
</asp:ContentPlaceHolder>
<meta http-equiv="Content-Type" content="text/html" name="viewport" charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!--Styles bootstrap-->
<link href="../styles/bootstrap/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<link href="../styles/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../styles/simple-sidebar.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--Add a condition so that less than ie9 understands html5 tags such as header, article ...-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- jQuery -->
<script src="../scripts/jquery.1.11.3.js" type="text/javascript"></script>
<link rel="stylesheet" href="../styles/cyllene.css" type="text/css" />
<script type="text/javascript" src="../include/ctrlsaisie.js"></script>
<script type="text/javascript" src="../include/CBrowser.js"></script>
<script src="../include/CEditor.js" type="text/javascript"></script>
<script src="../include/CIconList.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a href="#">
Start Bootstrap
</a>
</li>
<li>
Dashboard
</li>
<li>
Liste des pays
</li>
<li>
Liste des villes
</li>
<li>
Liste des activités
</li>
<li>
About
</li>
<li>
Services
</li>
<li>
Contact
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<asp:ContentPlaceHolder id="cphMain" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- Bootstrap Core JavaScript -->
<script src="../scripts/bootstrap/bootstrap.min.js" type="text/javascript"></script>
<asp:ContentPlaceHolder ID="script" runat="server">
</asp:ContentPlaceHolder>
</body>
And here is the page code :
<%# Page Language="VB" AutoEventWireup="false" MasterPageFile="~/backOffice/MasterPage.master" CodeFile="GestPays.aspx.vb" Inherits="GestPays" %>
<asp:Content ContentPlaceHolderID="cphMain" runat="server">
<form id="FrmMain" runat="server">
<div class="frmContent">
<afc:wccFilAriane ID="WccFilAriane1" runat="server">
<afc:woStep ID="WoStep1" runat="server" Text="Accueil" NavigateUrl="../FrmAccueilGestion.aspx"></afc:woStep>
<afc:woStep ID="WoStep3" runat="server" Text="Liste des pays" NavigateUrl="ListPays.aspx"></afc:woStep>
<afc:woStep ID="WoStep2" runat="server" Text="Modification d'un pays" NavigateUrl="#"></afc:woStep>
</afc:wccFilAriane>
<asp:HiddenField runat="server" ID="KEY" />
<asp:HiddenField runat="server" ID="C_PAGE" />
<fieldset>
<legend>
<asp:Label runat="server" ID="lblTitle" Text="Pays" /></legend>
<table width="70%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<asp:Label runat="server" ID="lblLib" Text="Désignation" />
:
</td>
<td>
<asp:HiddenField ID="ID_LIBELLE" runat="server" />
<afc:wccMaskEdit ID="SYS_ID_LIBELLE" runat="server" MaxLength="250" Width="320px" />
<afc:wccPopUpCaller ID="TRAD_ID_LIBELLE" runat="server" ImageUrl="../images/trad.gif" Visible="false"
Text="Traduire" WindowHeigth="120" WindowWidth="550" Title="Traduction" />
</td>
</tr>
</table>
</td>
<td style="height: 40px; vertical-align: top;">
<afc:wccButton runat="server" ID="btnValider" Text="Valider" Width="75px" />
<br />
<br />
<afc:wccButton runat="server" ID="btnAnnuler" Text="Retour" Width="75px" />
</td>
</tr>
</table>
</fieldset>
</div>
</form>
The code behind works fine when not using the masterpage so it's not necessarry i guess.
Thank you for your help.
The tags should be in the masterpage not the content page

X-UA-Compatible IE=7 problems in IE 9

I have html like below, when I'm trying to browse this in IE9, nothing will come up until you mouseover the div. if I change the "X-UA-Compatible" to "IE=8" it will show up.
your suggestions are highly appreciated.
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
</head>
<body>
<table>
<tr>
<td>
<div style="height:400px; width:400px">
<OBJECT ID="Player" HEIGHT="100%" WIDTH="100%" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
</OBJECT>
</div>
</td>
</tr>
</table>
</body>
</html>

including one html file into another [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
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">&nbsp
</td>
</tr>
<tr>
<td width="350px">
</td>
<td width="5px" rowspan="3">&nbsp
</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>&nbsp Home</li>
<li>&nbsp Category
<ul>
<li>Art
<ul>
<li>Paintings</li>
<li>Sculptures</li>
</ul>
</li>
<li>Books
<ul>
<li>Book</li>
<li>Documentaries</li>
</ul>
</li>
<li>Furniture
<ul>
<li>Chair</li>
<li>Wardrobe</li>
<li>Table</li>
</ul>
</li>
<li>Sport Goods
<ul>
<li>Cricket</li>
<li>Football</li>
<li>Rugby</li>
</ul>
</li>
</ul>
</li>
<li>&nbsp Register</li>
<li>&nbsp Top Bidders</li>
<li>&nbsp Top Sellers</li>
<li>&nbsp Contact Us
<ul>
<li>Partners</li>
<li>Offices</li>
</ul>
</li>
<li>About Us &nbsp</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.
<frameset rows="25%,75%">
<frame src="header.html" />
<frame src="index.html" />
</frameset>
or iframes like this (in your index.html file):
<iframe src="header.html" />
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
include("header.html");
If you have SSI (Server Side Includes) on your webserver, then have this:
<!--#include virtual="header.html" -->
Personally, I suggest you to use PHP method.
The only "include" mechanisms in HTML itself are (i)frames and objects.
HTML doesn't have an 'include' mechanism - I'm not sure where you've seen these solutions on StackOverflow. You've probably been looking at answers for a server side language such as PHP or ASP.