X-Cart forums

[KeithXtreme]

I am having some issues with alignment, dealing with the dialog.tpl...I think that is where the problem is.
Here is the URL: http://www.xrschassisinc.com/home.php?shopkey=xtreme

First, I have an over background for the site. Then I have a background for just the center. The site is a fixed width and height.

No matter what I try, I cannot get the center product boxes, either featured...product listing or product detail to push into or pad into the center back ground....

And no matter what, like on the featured. or porducts page I cannot remove a 10px border from the dialog.tpl

I have done the CSS changes balinor suggested with the dialogn and css sheet.....

Any help?

[kube]

Hi KeithXtreme,

Originally Posted by KeithXtreme

No matter what I try, I cannot get the center product boxes, either featured...product listing or product detail to push into or pad into the center back ground....

Sorry, I'm a little unclear by this, is it possible to elaborate? Or post a piccie up with the effect you want?

Originally Posted by KeithXtreme

And no matter what, like on the featured. or porducts page I cannot remove a 10px border from the dialog.tpl

The 10px border you refer to maybe from the main table that has applied cellspacing="10" to it. This applies to both featured products and product-listed pages

[kube]

For the div that we surrounded featured products with earlier you can remove cellspacing like so...

.DialogBoxOff .DialogBox TABLE {
border-spacing:0;
}

But it's better to manually rid that cellspacing within the .tpl's tables as this cannot be applied to product-listed pages as they aren't defined uniquely for css to work with.

[KeithXtreme]

That cell spacing controls how close each one of the boxes are to each other....even with it out it still have that edge...

I uploaded 3 jpgs and marked them in red where the problem is...... On the right side the product box always wants to go to the edge of the center backround, when I give it padding ti does nothing....

[kube]

Cheers for that. Disregard my previous posts then. I'll have a looksee.

[KeithXtreme]

Originally Posted by kube

For the div that we surrounded featured products with earlier you can remove cellspacing like so...

.DialogBoxOff .DialogBox TABLE {
border-spacing:0;
}

But it's better to manually rid that cellspacing within the .tpl's tables as this cannot be applied to product-listed pages as they aren't defined uniquely for css to work with.

That also took out the spacing between the product boxes........I want the Home page to look like all the boxes, menus.....etc all have 10px around them...

but first just everything to line up in the center background would be great......

[kube]

Think I located the overflowing prob...

In skin1/customer/home.tpl locate something similar to this...

<!-- main area -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="VertMenuLeftColumn">

and change the width from percent to pixels (in this I changed it to 870)...

<!-- main area -->
<table width="870" cellpadding="0" cellspacing="0">
<tr>
<td class="VertMenuLeftColumn">

Hope this helps.

[KeithXtreme]

Thats working, I will have to test later wife is yelling at me.....LOL

[kube]

hehe ;D

[kube]

Just another note: There maybe a few other instances where the main table needs absolute widths too. One I noticed was the 'printable version' button table/row.

And leave as much room as possible for the breadcrumbs for when the location line gets very long. It wraps ugly otherwise.

Hope this helps.