// index.html //
<head>
<link rel="stylesheet" href="infobar.css" type="text/css" />
<script type="text/javascript" ></script>
</head>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="100%">
<div id="infobar">
<a href="1.html"> Hallo daar </a>
<embed src="infobar.wav" autostart="true" loop="0" hidden="true"></embed>
</div>
</td></tr>
</table>
// infobar.css //
body {
margin: 0 !important;
padding: 0 !important;
}
/* A fake IE information bar */
#infobar {
font: message-box;
}
/* Please adjust the values if the infobar is not looking good */
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
clear: both;
width: 100%;
color: InfoText;
background: InfoBackground url(warning.gif) no-repeat fixed .3em .3em;
padding: .45em .3em .45em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(warning2.gif) no-repeat fixed .3em .3em;
}
/* A fake viewplot for IE information bar */
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em; /* Please set this to the value as that of your <body> */
}