DW CS4 Spry Assests

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!

DW CS4 Spry Assests

horizontal menu bar not positioning properly...?

Gabby7

milosevic

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week