.tpl help

[Jamie Holle]

Right guy's I have a new theme and I had to remove some boxes due to only have three plans. This has now caused my plan boxes to move to the left.

Here is my code:

<div class="planBox02">
        <div class="planBox02Top">Professional</div>
        <div class="planBox02Price"><span class="textStyle03">$</span><span class="textStyle04">4</span><span class="textStyle03">.99</span><br />
          <div class="month02">/MONTH</div>
        </div>
        <div class="planBox02Content01">
          <div class="planBox02Content">
            <ul>
              <li>8GB Disk Space Space<br />
              </li>
              <li>Un-metered Bandwidth<br />
              </li>
              <li>Unlimited Databases<br />
              </li>
              <li>Unlimited Email</li>
            </ul>
            <div class="clr"></div>
            <div class="anchorStyle"><a href="sharedhosting.php">&lt;&lt; READ MORE &gt;&gt;</a></div>
            <div class="clr"></div>
        <div class="orderNow02Btn"><a href="cart.php">Order Now</a></div>
          </div>
        </div>
      </div> 

Could you tell me where to place center tags to make the boxes align in the center position.

Jamie Holle Reviewed by Jamie Holle on 13th Dec 2011. .tpl help Right guy's I have a new theme and I had to remove some boxes due to only have three plans. This has now caused my plan boxes to move to the left. Here is my code: <div class="planBox02"> <div class="planBox02Top">Professional</div> <div class="planBox02Price"><span class="textStyle03">$</span><span class="textStyle04">4</span><span class="textStyle03">.99</span><br /> <div class="month02">/MONTH</div> </div> <div class="planBox02Content01"> Rating: 5

[snowmanrene]

EDIT: oh wait it's live....my bad .....

[Drinkordie]

Here you have his code (paste first link in Google Chrome):

view-source:http://dragonhost.org/whmcs/index.php

http://www.dragonhost.org/whmcs/temp.../css/style.css

try to add <div align="center"> before :

<div class="planWrapper">

full code:

<div align="center">

<div class="planWrapper">
  <div class="wrapper">
    <div class="planCon">
      <div class="planBox">
        <div class="planBoxTop">Value</div>
        <div class="planBoxPrice"><span class="textStyle03">$</span><span class="textStyle04">2</span><span class="textStyle03">.99</span><br>
          <div class="month01">/MONTH</div>
        </div>
        <div class="planBoxContent">
          <ul>
            <li>2GB Disk Space<br>
            </li>
            <li>Un-metered Bandwidth<br>
            </li>
            <li>Unlimited Databases<br>
            </li>
            <li>Unlimited Email</li>
          </ul>
          <div class="clr"></div>
        <div class="anchorStyle"><a href="sharedhosting.php">&lt;&lt; READ MORE &gt;&gt;</a></div>
        <div class="clr"></div>
        <div class="orderNow02Btn"><a href="cart.php">Order Now</a></div>
        </div>
      </div>
      <div class="planBox02">
        <div class="planBox02Top">Professional</div>
        <div class="planBox02Price"><span class="textStyle03">$</span><span class="textStyle04">4</span><span class="textStyle03">.99</span><br>
          <div class="month02">/MONTH</div>
        </div>
        <div class="planBox02Content01">
          <div class="planBox02Content">
            <ul>
              <li>8GB Disk Space Space<br>
              </li>
              <li>Un-metered Bandwidth<br>
              </li>
              <li>Unlimited Databases<br>
              </li>
              <li>Unlimited Email</li>
            </ul>
            <div class="clr"></div>
            <div class="anchorStyle"><a href="sharedhosting.php">&lt;&lt; READ MORE &gt;&gt;</a></div>
            <div class="clr"></div>
        <div class="orderNow02Btn"><a href="cart.php">Order Now</a></div>
          </div>
        </div>
      </div>
      <div class="planBox">
        <div class="planBoxTop">Business</div>
        <div class="planBoxPrice"><span class="textStyle03">$</span><span class="textStyle04">6</span><span class="textStyle03">.99</span><br>
          <div class="month01">/MONTH</div>
        </div>
        <div class="planBoxContent">
          <ul>
            <li>15GB Disk Space<br>
            </li>
            <li>Un-metered Bandwidth<br>
            </li>
            <li>Unlimited Databases<br>
            </li>
            <li>Unlimited Email</li>
          </ul>
          <div class="clr"></div>
          <div class="anchorStyle"><a href="sharedhosting.php">&lt;&lt; READ MORE &gt;&gt;</a></div>
          <div class="clr"></div>
        <div class="orderNow02Btn"><a href="cart.php">Order Now</a></div>
        </div>
      </div>
    </div>
  </div>
</div>

</div>

[ibby]

<center><div class="planBox02"> 
        <div class="planBox02Top">Professional</div> 
        <div class="planBox02Price"><span class="textStyle03">$</span><span class="textStyle04">4</span><span class="textStyle03">.99</span><br /> 
          <div class="month02">/MONTH</div> 
        </div> 
        <div class="planBox02Content01"> 
          <div class="planBox02Content"> 
            <ul> 
              <li>8GB Disk Space Space<br /> 
              </li> 
              <li>Un-metered Bandwidth<br /> 
              </li> 
              <li>Unlimited Databases<br /> 
              </li> 
              <li>Unlimited Email</li> 
            </ul> 
            <div class="clr"></div> 
            <div class="anchorStyle"><a href="sharedhosting.php">&lt;&lt; READ MORE &gt;&gt;</a></div> 
            <div class="clr"></div> 
        <div class="orderNow02Btn"><a href="cart.php">Order Now</a></div> 
          </div> 
        </div> 
      </div>  
</center>

Try that

[Jamie Holle]

Ibby, that did not work unfortunately

[ibby]

if i get home in time from work, i'll see what i can do.. stupid I.E

[Jamie Holle]

awh thank you ibby, much appreciated

[Drinkordie]

Ibby, that did not work unfortunately

Just do what I wrote to you in last post, it should work mate... ; ) btw you run a hosting "company" and you dont know how to do that, shame on you !

[Jamie Holle]

template editing has hardly anything to do with running a hosting company, most company's pay for edit's but I choose to do it my way and learn for future requirements.

[jayfella]

"center" has been decipricated for a while on many properties, including the actual entity. Instead use the following in CSS:

margin: auto;

or

margin: auto 0;