How do I center my menu?

by ThomasTe

Posted: 14 years ago 10 replies

WEB DESIGN

Hi,

I'm very new with css, and created a menu using this guide:
CSS horizontal menu - Online Training and Tutorials

However, the menu is at the left on my screen and I would like to center it.
Can you help me with how I can do that?
I've tried to put it in a table, but that creates some other issues.

Thanks.

Best regards,
Thomas

#center #menu

Harrison Ortega 14 years ago
Hi Thomas, you'll need to set a fixed width to the ul class and then set the margin left and right to "auto". If you post the URL to your site, I can tell you the exact changes you need.

basically it will look like this code
Code:

ul{ list-style-type:none; width: 960px; /* replace 960 with the desired width */ margin-right: auto; margin-left: auto; }
Harrison
- Thanks
Signature
NJ web design / NJ Web Designer. MY Wordpress portfolio. 10 years of HTML/CSS - 6 years developing professional Wordpress websites. Currently not available for services.
{{ DiscussionBoard.errors[2635659].message }}
ThomasTe 14 years ago

Thanks, Harrison, just sent you a pm.

Best regards,
Thomas
- Thanks
- 1 reply
{{ DiscussionBoard.errors[2635819].message }}
- csmcmanus 14 years ago
  
  try putting your code into a <div> and then margin auto both sides of the div
  that might help
  
  Thanks
  
  {{ DiscussionBoard.errors[2643030].message }}
ThomasTe 14 years ago

Thanks.

Actually I solved it by using mouse over on a table instead.

Best regards,
Thomas
- Thanks
- 2 replies
{{ DiscussionBoard.errors[2656236].message }}
- seoref 14 years ago
  
  using <div> is the best option to center the menu...
  
  Thanks
  
  {{ DiscussionBoard.errors[2661381].message }}
- RichardHK 14 years ago
  
  Originally Posted by ThomasTe
  
  Actually I solved it by using mouse over on a table instead.
  
  Yuck! Tables are for data Thomas, not formatting. Use divs as advised sir!
  
  Thanks
  
  1 reply
  
  Signature
  
  Richard, Hong Kong
  Business Consulting
  
  {{ DiscussionBoard.errors[2662041].message }}
  
  SmartWeb 14 years ago
  
  Best way to center any HTML code is to you
  <DIV align="center"> your code or html here </DIV>
  
  Thanks
  
  Signature
  Smart Web Solutions
  
  {{ DiscussionBoard.errors[2662359].message }}
ThomasTe 14 years ago

Ha ha, thanks, Richard.

And thanks guys. Everything works now.

Best regards,
Thomas
- Thanks
{{ DiscussionBoard.errors[2665861].message }}
subhamasthumatrimony 14 years ago

Hi to all i want to place ads on submit button on my web site directory i am trying to do it but not can any one help me out?
- Thanks
- 1 reply
{{ DiscussionBoard.errors[2666483].message }}
- digitalfiz 14 years ago
  
  be carefull using a :hover css attribute on anything other then <a> tags because browsers like IE don't recognize them and ignore them. If your using the javascript onmouseover="" then it should work fine and ignore me post
  
  Thanks
  
  Signature
  My Blog | PHP is my Kung Fu!
  
  {{ DiscussionBoard.errors[2667174].message }}