I've created a simple functioning horizontal menu and saved the menu code as described in help a help forum message in a .js file. This worked really kewl!
When I load the page in a browser(IE 7, Chrome or Opera latest Version 9) and then resize the browser the menu shifts left or right according to how much the browser size changes.
I can't seem to find how to simply SET the position (lock) of the menu so as NOT to shift.
[<html>
<!-- Created with the CoffeeCup HTML Editor 2008 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 12/1/2008 8:59:36 PM -->
<head>
<title>Rancho Santa Margarita Realty, Inc</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="generator" content="CoffeeCup HTML Editor 2008 - www.coffeecup.com">
<meta name="description" content="Find Rancho Santa Margarita Homes For Sale">
<meta name="keywords" content="">
<style type="text/css">
<!--
/* Custom Scrollbar Colors */
body{
scrollbar-base-color: #333333;
-->
</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ffffff" background="xSiteBackGround.jpg">
<img style="Z-INDEX: 100; LEFT: 130px; POSITION: absolute; TOP: 20px" height="140" alt="" src="RSMLogoHeader.gif" width="900" border="0"> <!-- MENU SCRIPT -->
<script type="text/javascript" src="RSMRealtyIncMenu.js"></script>
</body>
</html>]
<!-- Created with the CoffeeCup HTML Editor 2008 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 12/1/2008 8:59:36 PM -->
<head>
<title>Rancho Santa Margarita Realty, Inc</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="generator" content="CoffeeCup HTML Editor 2008 - www.coffeecup.com">
<meta name="description" content="Find Rancho Santa Margarita Homes For Sale">
<meta name="keywords" content="">
<style type="text/css">
<!--
/* Custom Scrollbar Colors */
body{
scrollbar-base-color: #333333;
-->
</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ffffff" background="xSiteBackGround.jpg">
<img style="Z-INDEX: 100; LEFT: 130px; POSITION: absolute; TOP: 20px" height="140" alt="" src="RSMLogoHeader.gif" width="900" border="0"> <!-- MENU SCRIPT -->
<script type="text/javascript" src="RSMRealtyIncMenu.js"></script>
</body>
</html>]
The RSMRealtyIncMenu.js code is miles long so I'm not posting it here.
Any assistance would be greatly appreciated.
Thanks . . . Rick
Rick Schreiber
Properties With Style, Inc.
Properties With Style, Inc.
