data6057
02-24-2006, 03:39 AM
HV Menu v5.5
http://www.dynamicdrive.com/dynamici...menu/index.htm
My question is .....Can the HV Menu and < iframe > tags be used indepently but reside in the same HTML page?
For example I have an < iframe > tag that is display images from link within the page. I also have the HV Menu inside the same page at the top. As soon as I take out the < iframe > tag the menu appears. If you put the < iframe > tag back in the menu disappears. Has anyone been able to get the HV Menu and < iframe > to coexist in the same page and both work?
I don't know if you can include code in these forums but the example below should help out. In seeing what I am talking about. It's a very simple HTML page.
<html>
<head>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<link rel="stylesheet" type="text/css" href="ford.css">
</head>
<body leftmargin="0" topmargin="0">
<script type='text/javascript'>
function Go(){return}
</script>
<script type='text/javascript' src='exmplmenu_var.js'></script>
<script type='text/javascript' src='menu_com.js'></script>
<noscript>Your browser does not support java scripts.</noscript>
<table width="725" border="0" cellpadding="0" cellspacing="0" ID="Table1" align="center" style="padding-top:15px">
<tr>
<td width="725" colspan="2"><img src="FordLogo.gif"></td>
</tr>
<tr><td><div id='MenuPos' style="position:absolute"></div></td></tr>
<tr valign="top">
<!-- Left Hand Menu -->
<td valign="top" height="100%">
<table width="115" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#D6D6D6" style="padding-left:8px">
<tr>
<td class="content" valign="top">
<br>
<b>Menu</b><br>
<a class="menu" href="ford.html">Information</a><br>
<a class="menu" href="pictures.html">Pictures</a><br><br>
</td>
</tr>
<tr>
<td class="content" valign="top">
<b>Exterior</b><br>
<a target="picframe" class="menu" href="front.jpg">Front</a><br>
<a target="picframe" class="menu" href="pass_side.jpg">Right</a><br>
<a target="picframe" class="menu" href="driver_side.jpg">Left</a><br>
<a target="picframe" class="menu" href="rear.jpg">Rear</a><br>
<a target="picframe" class="menu" href="extra_main.jpg">Front Angle</a><br><br><br>
<b>Interior</b><br>
<a target="picframe" class="menu" href="dash.jpg">Dash</a><br>
<a target="picframe" class="menu" href="dash_pass.jpg">Dash Passenger Side</a><br>
<a target="picframe" class="menu" href="interior_front.jpg">Drivers Side Front</a><br>
<a target="picframe" class="menu" href="interior_back.jpg">Interior Back</a><br>
<a target="picframe" class="menu" href="odom.jpg">Odometer</a><br>
<a target="picframe" class="menu" href="stereo_dash.jpg">Stereo Dash</a><br>
<a target="picframe" class="menu" href="driver_seat.jpg">Drivers Seat</a><br>
</td>
</tr>
</table>
</td>
<!-- Body -->
<td valign="top">
<table width="600" height="450" border="0" cellpadding="4" cellspacing="0" bgcolor="#DFDFDF" ID="Table3">
<tr>
<td class="Content">
<!--<iframe marginwidth="0" marginheight="0" frameborder="0" name="picframe"height="450" width="600" src="front_angle.jpg">-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="725" colspan="8"><img src="DarkBorder.gif"></td>
</tr>
</table>
</body>
</html>
http://www.dynamicdrive.com/dynamici...menu/index.htm
My question is .....Can the HV Menu and < iframe > tags be used indepently but reside in the same HTML page?
For example I have an < iframe > tag that is display images from link within the page. I also have the HV Menu inside the same page at the top. As soon as I take out the < iframe > tag the menu appears. If you put the < iframe > tag back in the menu disappears. Has anyone been able to get the HV Menu and < iframe > to coexist in the same page and both work?
I don't know if you can include code in these forums but the example below should help out. In seeing what I am talking about. It's a very simple HTML page.
<html>
<head>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<link rel="stylesheet" type="text/css" href="ford.css">
</head>
<body leftmargin="0" topmargin="0">
<script type='text/javascript'>
function Go(){return}
</script>
<script type='text/javascript' src='exmplmenu_var.js'></script>
<script type='text/javascript' src='menu_com.js'></script>
<noscript>Your browser does not support java scripts.</noscript>
<table width="725" border="0" cellpadding="0" cellspacing="0" ID="Table1" align="center" style="padding-top:15px">
<tr>
<td width="725" colspan="2"><img src="FordLogo.gif"></td>
</tr>
<tr><td><div id='MenuPos' style="position:absolute"></div></td></tr>
<tr valign="top">
<!-- Left Hand Menu -->
<td valign="top" height="100%">
<table width="115" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#D6D6D6" style="padding-left:8px">
<tr>
<td class="content" valign="top">
<br>
<b>Menu</b><br>
<a class="menu" href="ford.html">Information</a><br>
<a class="menu" href="pictures.html">Pictures</a><br><br>
</td>
</tr>
<tr>
<td class="content" valign="top">
<b>Exterior</b><br>
<a target="picframe" class="menu" href="front.jpg">Front</a><br>
<a target="picframe" class="menu" href="pass_side.jpg">Right</a><br>
<a target="picframe" class="menu" href="driver_side.jpg">Left</a><br>
<a target="picframe" class="menu" href="rear.jpg">Rear</a><br>
<a target="picframe" class="menu" href="extra_main.jpg">Front Angle</a><br><br><br>
<b>Interior</b><br>
<a target="picframe" class="menu" href="dash.jpg">Dash</a><br>
<a target="picframe" class="menu" href="dash_pass.jpg">Dash Passenger Side</a><br>
<a target="picframe" class="menu" href="interior_front.jpg">Drivers Side Front</a><br>
<a target="picframe" class="menu" href="interior_back.jpg">Interior Back</a><br>
<a target="picframe" class="menu" href="odom.jpg">Odometer</a><br>
<a target="picframe" class="menu" href="stereo_dash.jpg">Stereo Dash</a><br>
<a target="picframe" class="menu" href="driver_seat.jpg">Drivers Seat</a><br>
</td>
</tr>
</table>
</td>
<!-- Body -->
<td valign="top">
<table width="600" height="450" border="0" cellpadding="4" cellspacing="0" bgcolor="#DFDFDF" ID="Table3">
<tr>
<td class="Content">
<!--<iframe marginwidth="0" marginheight="0" frameborder="0" name="picframe"height="450" width="600" src="front_angle.jpg">-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="725" colspan="8"><img src="DarkBorder.gif"></td>
</tr>
</table>
</body>
</html>