#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    2
    Rep Power
    0

    How to center pricing table (Kompozer)


    Hello, I need to know how to center a pricing table, its css code in kompozer, here is the code, I just need to know what and where to put within this code to center it. Thank you



    <!-- DC Pricing Tables:1 Start -->
    <div id="tsc_pricingtable01" class="clear"><div
    class="plan">
    <h3>Business<span>$59</span></h3>
    <a class="signup" href="">Sign up</a>
    <ul><li><b>10GB</b> Disk Space</li>
    <li><b>100GB</b> Monthly Bandwidth</li>
    <li><b>20</b> Email Accounts</li>
    <li><b>Unlimited</b> subdomains</li>
    </ul></div>
    <div class="plan" id="most-popular"><h3>Professional<span>$29</span></h3>
    <a class="signup" href="">Sign up</a>
    <ul><li><b>5GB</b> Disk Space</li>
    <li><b>50GB</b> Monthly Bandwidth</li>
    <li><b>10</b> Email Accounts</li>
    <li><b>Unlimited</b> subdomains</li>
    </ul></div>
    <div class="plan"><h3>Standard<span>$17</span></h3>
    <a class="signup" href="">Sign up</a>
    <ul><li><b>3GB</b> Disk Space</li>
    <li><b>25GB</b> Monthly Bandwidth</li>
    <li><b>5</b> Email Accounts</li>
    <li><b>Unlimited</b> subdomains</li>
    </ul></div>
    <div class="plan"><h3>Basic<span>$9</span></h3>
    <a class="signup" href="">Sign up</a>
    <ul><li><b>1GB</b> Disk Space</li>
    <li><b>10GB</b> Monthly Bandwidth</li>
    <li><b>2</b> Email Accounts</li>
    <li><b>Unlimited</b> subdomains</li>
    </ul></div>
    </div><!-- DC Pricing Tables:1 End -->
    <div class="tsc_clear"></div><!-- line break/clear line --> </div></body></html>
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    862
    Rep Power
    275
    Assuming that #tsc_pricingtable01 is the outer DIV for your table, and without seeing ANY of your CSS, you will need to make sure the CSS for #tsc_pricingtable01 has a width: property set and then you should only need to add margin: 0 auto; to get it to center on your page.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    2
    Rep Power
    0
    I got it centered, I wraped the whole code in <div style="width: XXXpx; margin: 0 auto;"> and made the changes to center it up. Thanks for your answer

IMN logo majestic logo threadwatch logo seochat tools logo