Tables Template not lining up

aimeea · #1 06-09-2008, 09:27 AM

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

Yurij · #2 06-10-2008, 12:26 AM

Quote:

Originally Posted by aimeea

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

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

aimeea · #3 06-17-2008, 09:42 AM

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

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

paul@dimoda.com.au · #4 06-17-2008, 08:27 PM

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.

Yurij · #5 06-18-2008, 12:07 AM

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

aimeea · #6 06-18-2008, 05:42 AM

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?

Yurij · #7 06-18-2008, 06:29 AM

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.

)))