Unable to center links - Post ID 154163

User 417055 Photo


Registered User
12 posts

I am testing the following webpage: http://angletondivorce.com/bcbaphone.html. At the top of the page I have a series of buttons which will allow people ( when the page is completed) to jump to various names. In some browser,s such as chrome, the buttons are not centered in the middle of the table but are offset to the left. IE appears handle the page as intended. Depending on the computer tested FireFox acts like either IE or chrome.

Any suggestions would be appreciated.
User 38401 Photo


Senior Advisor
10,951 posts

Hiya, I dont' have answers for you, but a good suggestion would be to let us know what program(s) you are using to create the site so that people know what advice to give :)
User 417055 Photo


Registered User
12 posts

Coffee Cup Html editor. I have not found anything else close in terms of ease of use.
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

If you add the centering to the css file instead of the html file, the nav bar will center in the other browsers too.

<table class="nav" align="center" cellspacing="2">
<tr>
<td><a class="nav" href="#A">A</a></td>
<td><a class="nav" href="#B">B</a></td>

From this bit of html remove align="center".

In the css file find this:
table.nav {
/*color: #000;*/
font-size: 80%;
margin: 35px;
margin-bottom: 40px;
width: auto; }

Change it to:
table.nav {
/*color: #000;*/
font-size: 80%;
margin: 35px auto 40px;
width: auto; }
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 417055 Photo


Registered User
12 posts

Thank you for the advice. It worked like a charm.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.