Page is a not externally linkable
Gabby7 - 8:05 pm on Nov 5, 2010 (gmt 0)
Hello+
Thank you in advance for any advice/guidance you may have...I've just learned how to insert a Horizontal Meny Bar using Spry on DW CS4. My issue is the menu bar is not snug up to the image above it...here is some code that may help:
<body>
<div id="bannerImage">
<img src="" width="900" height="200" alt="" id="banner" /></div>
<div id="nav">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a> </li>
<li><a href="#">About Ella</a></li>
<li><a href="#">Calendar</a> </li>
<li><a href="#">Recognition</a></li>
<li><a href="#">Training</a></li>
<li><a href="#">Contact Ella</a></li>
</ul>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
I have the following css code:
body { background-image:url(images/pat1.png);
text-align:center;
}
div#bannerImage {
height: 200px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-color:#FCF;
border: none;
}
#nav {
height: 2.2em;
width: 900px;
margin-right: auto;
margin-left: auto;
}
I also have the "SpryMenuHorizontal.css" file that DW automatically creates (I can post it, but it is quite long).
AS I said, I'm just learning this...Thanx!