How do I put this menu in the center?
<div class="menu">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="{$mybb->settings['bburl']}/portal.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/portal1.gif"/>Portal</a></li>
<li><a href="{$mybb->settings['bburl']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/forums.gif"/>Forums</a></li>
</li>
<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/coins.gif"/><span style="color:#FF0000">Donate!</span></a></li>
<li><a href="#">Quick Links</a>
<ul>
<li><a href="{$mybb->settings['bburl']}/testimonials.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/book.gif"/>Testimonials</a></li>
<li><a href="{$mybb->settings['bburl']}/award.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/award.gif"/>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/newpoints.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/points.gif"/>NewPoints</a></li>
<li><a href="{$mybb->settings['bburl']}/affiliates.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/affiliates.png"/>Affiliates</a></li>
</ul>
</li>
<br style="clear: left" />
</div>
</div>
<div class="menu">
<div align="center">
<div id="smoothmenu1" class="ddsmoothmenu">
<center><ul>
<li><a href="{$mybb->settings['bburl']}/portal.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/portal1.gif"/>Portal</a></li>
<li><a href="{$mybb->settings['bburl']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/forums.gif"/>Forums</a></li>
</li>
<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/coins.gif"/><span style="color:#FF0000">Donate!</span></a></li>
<li><a href="#">Quick Links</a>
<ul>
<li><a href="{$mybb->settings['bburl']}/testimonials.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/book.gif"/>Testimonials</a></li>
<li><a href="{$mybb->settings['bburl']}/award.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/award.gif"/>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/newpoints.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/points.gif"/>NewPoints</a></li>
<li><a href="{$mybb->settings['bburl']}/affiliates.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/affiliates.png"/>Affiliates</a></li>
</ul>
</li>
<br style="clear: left" />
<center></div></div>
</center>
</div>
Try that
(2009-10-16, 09:30 PM)windowsmediaman Wrote: [ -> ]<snip>
Try that
Your method has been obsolete for years.....
Try this:
<div class="menu" style="text-align: center; margin-left: auto; margin-right: auto;">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="{$mybb->settings['bburl']}/portal.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/portal1.gif"/>Portal</a></li>
<li><a href="{$mybb->settings['bburl']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/forums.gif"/>Forums</a></li>
</li>
<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/coins.gif"/><span style="color:#FF0000">Donate!</span></a></li>
<li><a href="#">Quick Links</a>
<ul>
<li><a href="{$mybb->settings['bburl']}/testimonials.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/book.gif"/>Testimonials</a></li>
<li><a href="{$mybb->settings['bburl']}/award.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/award.gif"/>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/newpoints.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/points.gif"/>NewPoints</a></li>
<li><a href="{$mybb->settings['bburl']}/affiliates.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/affiliates.png"/>Affiliates</a></li>
</ul>
</li>
<br style="clear: left" />
</div>
</div>
Oh forgot to remove the center tag you added.
Hey idk just told him to use the same code i used to center my banner on my site sorry.
Don't use <center> tags or the align=center declaration, use CSS.
I used <center></center> to put the banner in the center of th site.
But tha banner thing isn't a <div> class.
Look what I got when I save...
<div class="menu" style="text-align: center; margin-left: auto; margin-right: auto;">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="{$mybb->settings['bburl']}/portal.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/portal1.gif"/>Portal</a></li>
<li><a href="{$mybb->settings['bburl']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/forums.gif"/>Forums</a></li>
</li>
<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/coins.gif"/><span style="color:#FF0000">Donate!</span></a></li>
<li><a href="#">Quick Links</a>
<ul>
<li><a href="{$mybb->settings['bburl']}/testimonials.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/book.gif"/>Testimonials</a></li>
<li><a href="{$mybb->settings['bburl']}/award.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/award.gif"/>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/newpoints.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/points.gif"/>NewPoints</a></li>
<li><a href="{$mybb->settings['bburl']}/affiliates.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/affiliates.png"/>Affiliates</a></li>
</ul>
</li>
<br style="clear: left" />
</div>
</div>
Also... Here is the site I'm following the tutorial:
http://www.dynamicdrive.com/dynamicindex...thmenu.htm
First menu.
<span style="text-align: center;">Text</span> should be use in place of <center>Text</center> if you want your site to validate. What's with all those 's?
If it works, more power to you, but the site's going to look like a clusterf**k in uncommon browsers (and most likely IE).
It didn't work..
Thats why I posted here..
The code shows what the code looks like after the save.
You'll need to be more specific than "didn't work".