X-Cart forums

[fusionartstamps]

My site is almost done except for a couple of design problems, which I'm going crazy trying to figure out. The first one is with the head.tpl and table alignment. Look at

http://www.fusionartstamps.com/dev/store/

In IE 6.0 there is an extra space by the word search and I need one more black space after "go" to align the bottom and top tables.

In Netscape 7.0 I can't figure out why the background behind the text box isn't aligned. This a background image called black.jpg. It looks fine in IE and I can't figure out why it's not the same in Netscape.

I think the problem lies in the search textbox size, but I'm not sure how to fix it. Here is my code for head.tpl.

{* $Id: head.tpl,v 1.21 2002/09/05 12:43:21 zorg Exp $ *}


<TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>
<TD width="219" height="119" ROWSPAN=3 align="left" valign="top">[img]{$ImagesDir}/glasses.jpg[/img]
</TD>

<TD COLSPAN=4 align="left" valign="top" HEIGHT=63 WIDTH=541> [img]{$ImagesDir}/fusionartstamps.jpg[/img]</TD>
</TR>
<TR>
<TD width="330" HEIGHT=35 align="left" valign="top">[img]{$ImagesDir}/eccentric.jpg[/img]</TD>
<TD width="66" HEIGHT=35 align="left" valign="top">[img]{$ImagesDir}/search.jpg[/img]</TD>


<TD align="left" valign="top" background="{$ImagesDir}/black.jpg">

{if $usertype eq "C" or "A"} <form method="get" action="search.php" name=productsearchform>

<div align="left">

<input type="text" name="substring" size="11" value="{$smarty.get.substring|escape}">
</div>

<TD width="59" HEIGHT=35 align="left" valign="top"><a href="javascript:document.productsearchform.submit ()">
[img]{$ImagesDir}/go.jpg[/img] </a>

<TR>

<TD COLSPAN=4 WIDTH=541>
</form>
{else}

</TR>

{/if}
</TABLE>

If anyone has time to look into this I would REALLY appreciate it!!

Amy

[funkydunk]

from first glances you are missing a few closing tags on the table cells.

namely after the </div> and afer the search go button </a> and the final table cell after the end of form.

[funkydunk]

<TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>
<TD width="219" height="119" ROWSPAN=3 align="left" valign="top">[img]{$ImagesDir}/glasses.jpg[/img]
</TD>

<TD COLSPAN=4 align="left" valign="top" HEIGHT=63 WIDTH=541> [img]{$ImagesDir}/fusionartstamps.jpg[/img]</TD>
</TR>
<TR>
<TD width="330" HEIGHT=35 align="left" valign="top">[img]{$ImagesDir}/eccentric.jpg[/img]</TD>
<TD width="66" HEIGHT=35 align="left" valign="top">[img]{$ImagesDir}/search.jpg[/img]</TD>


<TD align="left" valign="top" background="{$ImagesDir}/black.jpg">

{if $usertype eq "C" or "A"} <form method="get" action="search.php" name=productsearchform>

<div align="left">

<input type="text" name="substring" size="11" value="{$smarty.get.substring|escape}">
</div>

<TD width="59" HEIGHT=35 align="left" valign="top"><a href="javascript:document.productsearchform.submit ()">
[img]{$ImagesDir}/go.jpg[/img] </a>

<TR>

<TD COLSPAN=4 WIDTH=541>
</form>
{else}

</TR>

{/if}
</TABLE>

should be changed to

<TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>
<TD width="219" height="119" ROWSPAN=3 align="left" valign="top">[img]{$ImagesDir}/glasses.jpg[/img]
</TD>

<TD COLSPAN=4 align="left" valign="top" HEIGHT=63 WIDTH=541> [img]{$ImagesDir}/fusionartstamps.jpg[/img]</TD>
</TR>
<TR>
<TD width="330" HEIGHT=35 align="left" valign="top">[img]{$ImagesDir}/eccentric.jpg[/img]</TD>
<TD width="66" HEIGHT=35 align="left" valign="top">[img]{$ImagesDir}/search.jpg[/img]</TD>


<TD align="left" valign="top" background="{$ImagesDir}/black.jpg">

{if $usertype eq "C" or "A"} <form method="get" action="search.php" name=productsearchform>

<div align="left">

<input type="text" name="substring" size="11" value="{$smarty.get.substring|escape}">
</div>
</TD>

<TD width="59" HEIGHT=35 align="left" valign="top"><a href="javascript:document.productsearchform.submit ()">
[img]{$ImagesDir}/go.jpg[/img] </a> </TD>

<TR>

<TD COLSPAN=4 WIDTH=541> </TD>
</form>
</TR>
{else}
</TD>
</TR>

{/if}
</TABLE>

If you run the html through a wysiwyg processor like Dreamweaver it will tell you the answers. (Although it doesn't like splitting the form tag across various table cells.)

[fusionartstamps]

Thanks Funky Dunk! Still having the same problems though.

-Amy

[BeZerk]

me 2 - how do we get rid of that extra space when adding a table?