Can anyone help me figure out why my menu isn't centering? [url=poisonandwine.forumotion.net]poisonandwine.forumotion.net[/url]

I'm assuming it's in my CSS and when I apply my CSS code to my practice forum it's completely centered but my CSS window won't let me apply the HTML that used to center the menu. The HTML that I'm TRYING to apply is below. Perhaps I'm not putting it in the place or perhaps there's something else I can do instead? Coding is NOT my strong suit so I wouldn't be surprised if I've done this completely wrong. I did find the problem to my issue earlier on my own but it literally took 8 hours to find it and I really wouldn't like to spend that kind of time with something as simple as centering a menu.

Code:

<table cellspacing="0" cellpadding="0" border="0" align="center">


<tbody>


<tr>


<td align="center">


<a class="mainmenu" href="/">


<a class="mainmenu" href="/calendar">


<a class="mainmenu" href="/faq">


<img id="i_icon_mini_faq" border="0" hspace="0" title="FAQ" alt="FAQ" src="http://2img.net/s/t/15/46/05/i_icon_mini_faq.png">


</a>


<a class="mainmenu" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search">


<div id="search_menu" style="display:none;position:absolute;z-index:10000">


<a class="mainmenu" href="/memberlist">


<a class="mainmenu" href="/groups">


<a class="mainmenu" href="/profile?mode=editprofile">


<a class="mainmenu" rel="nofollow" href="/privmsg?folder=inbox">


<a id="logout" class="mainmenu" rel="nofollow" href="/login?logout=1&tid=b3d30f253d39399eccbfd180ecb38417&key=aeb152">


</td>


</tr>


</tbody>


</table>

Hello @Loverdove,

Have you tried applying width="100%" to the table ?

Code:

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">


<tbody>


<tr>


<td align="center">


<a class="mainmenu" href="/">


<a class="mainmenu" href="/calendar">


<a class="mainmenu" href="/faq">


<img id="i_icon_mini_faq" border="0" hspace="0" title="FAQ" alt="FAQ" src="http://2img.net/s/t/15/46/05/i_icon_mini_faq.png">


</a>


<a class="mainmenu" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search">


<div id="search_menu" style="display:none;position:absolute;z-index:10000">


<a class="mainmenu" href="/memberlist">


<a class="mainmenu" href="/groups">


<a class="mainmenu" href="/profile?mode=editprofile">


<a class="mainmenu" rel="nofollow" href="/privmsg?folder=inbox">


<a id="logout" class="mainmenu" rel="nofollow" href="/login?logout=1&tid=b3d30f253d39399eccbfd180ecb38417&key=aeb152">


</td>


</tr>


</tbody>


</table>

I'll try that, but it doesn't answer why I cannot add it to the CSS in my admin panel. Everytime I try to add it, the panel deletes it and I get a message saying that the HTML had been deleted. How to I make this change stick? I'm putting it at the end of my CSS. Do I need to put it up at the beginning?

html cannot be used in your style sheet. that area is for css only  .. you can add html in widgets,templates,homepage message, announcements,forum descriptions

So what's the best way to go about centering my menu then? I used PNG images for my menu bar.

can you provide a screenshot of the menu your trying to center?

_Twisted_Mods_ wrote:can you provide a screenshot of the menu your trying to center?

Absolutely!

if your trying to center the default navigation menu

goto acp>display>Headers & Navigation

Menu position : Center

OMG seriously?! I'm not cut out for this web design stuff. Give me photoshop instead! There's so much in this Admin Panel that I keep forgetting where stuff is.

Thanks. This moron is giving up on this design before her head explodes from stupidity.

Problem solved. Ugh

lol don't fill bad theirs tons of stuff in the acp its hard to remember where everything is. only reason i know is because i am in it all the time