logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-21-2012, 04:09 AM   #1
wheelstb
 
Join Date: Nov 2012
Posts: 45
Default Why won't my menu bar and logo center? Could someone take a look at my code?

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.
Attached Files
File Type: zip code help.zip (791 Bytes, 0 views)
wheelstb is offline   Reply With Quote
Old 11-21-2012, 04:41 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

just post your code and wrap it in code tags
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-21-2012, 04:21 PM   #3
wheelstb
 
Join Date: Nov 2012
Posts: 45
Default

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>
wheelstb is offline   Reply With Quote
Old 11-22-2012, 12:57 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

the clalss that you created?
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-22-2012, 05:19 PM   #5
wheelstb
 
Join Date: Nov 2012
Posts: 45
Default

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.
wheelstb is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:14 PM.


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