.tpl help

Jamie Holle · Dec 13, 2011

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:

PHP:

<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.

snowmanrene · Dec 13, 2011

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

Drinkordie · Dec 13, 2011

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

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

http://www.dragonhost.org/whmcs/templates/DollarHosting/html/css/style.css

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

Code:

<div class="planWrapper">

full code:

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 · Dec 13, 2011

Code:

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

Try that[/COLOR][/COLOR]

Jamie Holle · Dec 13, 2011

Ibby, that did not work unfortunately

ibby · Dec 13, 2011

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

Jamie Holle · Dec 13, 2011

awh thank you ibby, much appreciated :P

Drinkordie · Dec 13, 2011

Jamie Holle said:
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 · Dec 13, 2011

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 · Dec 13, 2011

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

Code:

margin: auto;

or

margin: auto 0;

Jamie Holle · Dec 13, 2011

Drink or die your code did not work either.

Jamie Holle · Dec 13, 2011

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

Code:

margin: auto; or margin: auto 0;

Yes figured out where it has to be changed at, everything just needs to be changed in the css, messed about a big changing "left" to "center" on box worked but the rest just went all over the place, can anyone assist me with this ?

ibby · Dec 13, 2011

google CSS Center .. sorry still @ work :'(

Jamie Holle · Dec 13, 2011

I have checked but I think it might need editing within both files homepage.tpl and style.css

jayfella · Dec 13, 2011

In order for "margin: auto;" to work correctly, it needs a relative width to work with. I tested the following code on your site and it works:

Code:

.planCon {
    margin: auto;
    width: 567px;


}

[slide]http://screensnapr.com/e/tZYaZz.png[/slide]

ibby · Dec 13, 2011

homepage.tpl add <center> .css not too sure :/

Jamie Holle · Dec 13, 2011

jayfella said:
In order for "margin: auto;" to work correctly, it needs a relative width to work with. I tested the following code on your site and it works:

Code:

.planCon { margin: auto; width: 567px; }

[slide]http://screensnapr.com/e/tZYaZz.png[/slide]

You want me to place that into my css ?

jayfella · Dec 13, 2011

no, search for ".planCon" in your CSS file and modify it.

Jamie Holle · Dec 13, 2011

You sir are my legend of the month!

.tpl help

Jamie Holle

Active Member

snowmanrene

Active Member

Drinkordie

Active Member

ibby

Banned

Jamie Holle

Active Member

ibby

Banned

Jamie Holle

Active Member

Drinkordie

Active Member

Jamie Holle

Active Member

jayfella

Active Member

Jamie Holle

Active Member

Jamie Holle

Active Member

ibby

Banned

Jamie Holle

Active Member

jayfella

Active Member

ibby

Banned

Jamie Holle

Active Member

jayfella

Active Member

Jamie Holle

Active Member