X-Cart forums - Tables Template not lining up

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Tables Template not lining up (https://forum.x-cart.com/showthread.php?t=40373)

Tables Template not lining up

Could someone help me to figure out why my tables are pushing out? I would like to keep my images at this size, but make the information part(product description) more narrow.

I have the container set to 950

Thank you for any help

Re: Tables Template not lining up

Quote:

Originally Posted by aimeea

Give a link to this page. On this page design does not stretch the product description but something below.

Re: Tables Template not lining up

The easiest way to resolve these sort of layout and design issues is to install the firefox firebug addon which will let you play around with html and css attributes on screen.

Then use your webmaster modre to located the correct template (product.tpl i believe in this case) and try the changes.

Re: Tables Template not lining up

Quote:

Originally Posted by aimeea

http://www.aimeeasher.com/shoppe/product.php?productid=1&cat=0&page=1

Here is the link... thank you for any help.

Ok... i took first 15-20 lines from html-source this page.

Quote:

...........................
<body onload="javascript: try { fcOnLoad();; } catch(e) { }; if (isset(window.fancy_body_is_load)) fancy_body_is_load = true;">
<table class="Container"align="center" cellpadding="0" cellspacing="0" width="950px">
<tr><td class="main-border">

<body bgcolor="#F4FFE4">
<div align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#D5EDB3">
<td width="90" height="101"><a href="http://www.aimeeasher.com/shoppe"><img src="http://www.aimeeasher.com/shoppe/skin1/images/logo.jpg" width="950" height="151" border="0" /></a></td>
</tr>

<tr>
<td height="30" bgcolor="#99CC66"><div align="center"><span class="style1"> :: <a href="http://www.aimeeasher.com/shoppe" class="style2">Home</a> :: <a href="http://www.aimeeasher.com/shoppe/home.php">Shoppe</a> :: Gallery :: Forum :: Blogs :: <a href="http://www.aimeeasher.com/shoppe/help.php?section=contactus&mode=update">Contac t</a> :: News :: <a href="http://www.aimeeasher.com/shoppe/cart.php">Shopping Cart</a> :: </span></div></td>
</tr>
</table>
</div>
</body><table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td colspan="2" class="HeadThinLine"><img src="/shoppe/skin1/images/spacer.gif" class="Spc" alt="" /></td>
</tr>.................

Re: Tables Template not lining up

Quote:

Originally Posted by Yurij

Ok... i took first 15-20 lines from html-source this page.

Thank you for trying to help me... was there something I need to change in the 15 lines you have pulled?

Re: Tables Template not lining up

Quote:

Originally Posted by aimeea

Thank you for trying to help me... was there something I need to change in the 15 lines you have pulled?

No, you need to find a template in which inserted an additional "<body> ...</ body>" and remove this tag.

Probably it is in the file:
"skin1/rectangle_top.tpl" or "skin1/head.tpl".

And find file with this code (i think this is a "skin1/bottom.tpl") and change width first table from 950px to 100%...

PHP Code:


		
			
<table width="950px" cellpadding="0" cellspacing="0"><tr>
<td class="Bottom" align="center">Copyright &copy; 2008 Aimee Asher≥ Inc...dba Aimee Asher≥ Elite<br><a href="http://www.hybridtop50.com/"><img src="http://www.hybridtop50.com/button.php?u=aimeeash" alt="Hybrid Top 50" border="0" /></a>
<a href="http://www.scrapbookingtop50.com/cgi-bin/topsite.cgi?user=aimeeash"> <img src="http://www.scrapbookingtop50.com/cgi-bin/counter.cgi?user=aimeeash" alt="Scrapbookingtop50 Counter" border=0> </a>
<a href="http://www.scrapbookingtop50.com.au/digitaltopsites/"><img src="http://www.scrapbookingtop50.com.au/digitaltopsites/button.php?u=aimeeash" alt="Digital Scrapbooking Top50" border="0" /></a>
</td>
</tr></table>

first line will be:
<table width="100%" cellpadding="0" cellspacing="0">
..........

After these changes - your problem solved. :))))