Dreamweaver Club Forums

Dreamweaver Club Forums (http://www.dreamweaverclub.com/forum//index.php)
-   Spry (http://www.dreamweaverclub.com/forum//forumdisplay.php?f=189)
-   -   Why won't my menu bar and logo center? Could someone take a look at my code? (http://www.dreamweaverclub.com/forum//showthread.php?t=43906)

wheelstb 11-21-2012 05:09 AM

Why won't my menu bar and logo center? Could someone take a look at my code?
 
1 Attachment(s)
I have followed directions I found for centering my spry menu bar and company logo.

I tried creating a class with modified CSS for a div then I wrapped each of the items in the div and applied the class to each div.

edbr 11-21-2012 05:41 AM

just post your code and wrap it in code tags

wheelstb 11-21-2012 05:21 PM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.Menuandlogo {
 margin-right: auto;
 margin-left: auto;
}
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="MenuBarActive">
<img src="../4kids/logo 600.jpg" alt="Therapy 4 Kids" width="600" height="171" align="top" />
<div class="Menuandlogo">
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">Home</a></li>
    <li><a href="#">Our Services</a></li>
    <li><a class="MenuBarItemSubmenu" href="#">Can My Child Benefit</a>
      <ul>
        <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
          <ul>
            <li><a href="#">Item 3.1.1</a></li>
            <li><a href="#">Item 3.1.2</a></li>
          </ul>
        </li>
        <li><a href="#">Item 3.2</a></li>
        <li><a href="#">Item 3.3</a></li>
      </ul>
    </li>
    <li><a href="#">Resources</a></li>
    <li><a href="#">Meet the Owners</a></li>
    <li><a href="#">Contact Us</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>
</html>


edbr 11-22-2012 01:57 AM

the clalss that you created?

wheelstb 11-22-2012 06:19 PM

Sorry Im new at this.

Menuandlogo

i noticed in the code there is a . before the class, I tried removeing it.it did not matter.

Thanks so much.


All times are GMT. The time now is 09:11 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com