In need of HTML code to align main menu left.

Discussion in 'HTML & Website Design' started by mk484, Dec 9, 2009.

  1. #1
    Hi All,

    I am using a phpfox script, and my menu is centered by default. I want to align my main menu to the left.

    I found the menu code in the _template.html file

    <table style="margin-left:auto;margin-right:auto;" cellpadding="0" cellspacing="0">

    I replaced "margin-left:auto;margin-right:auto;" with "text-align:left;" but it went too far left, causing the lower left corner of my menu bar to disappear. Is there any HTML code I can add to define how far left the menu goes so I can get the rounded corner back? If so, please provide the details here in this thread.

    See attached image for sharp corner.

    Thanks in advance for your help.

    Marc
     

    Attached Files:

    mk484, Dec 9, 2009 IP
  2. jwitt98

    jwitt98 Peon

    Messages:
    145
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    put text-align: left back the way you had it and then add:
    margin-left: 10px;
    Adjust the 10px to whatever value puts it where you need it. For example, you may only need 5px:
    margin-left: 5px;
     
    jwitt98, Dec 9, 2009 IP
  3. LiftBigEatBig

    LiftBigEatBig Well-Known Member

    Messages:
    302
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    123
    #3
    Try using a negative padding
     
    LiftBigEatBig, Dec 9, 2009 IP
  4. mk484

    mk484 Active Member

    Messages:
    144
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #4
    PERFECT!!!!!

    THANKS FOR THE QUICK RESPONSE.

    See in action at "MEGASportsFans" dotcom



     
    mk484, Dec 9, 2009 IP