Skip to Content
avatar image
Former Member

Gapping mis-alignment in bottom slot

Hi Guys,

I cannot get the bottom slot to line up in the correct position when using gapping.

The bottom slot abuts to the right of the Main Slot, extending the width of the page and ruining the layout.

If I turn off gapping the bottom slot works correctly.

I created a minimal theme with NO code of my own and have trawled through the emitted HTML and found:

12 "<i>table</i>" and 12 "<i>/table</i>"

16 "<i>tr</i>" and 16 "<i>/tr</i>"

<b>23</b> "<i>td</i>" and <b>21</b> "<i>/td</i>"

Is there a fix for this or do I turn off gapping and space all the slots via style-sheet padding?

Netpoint version 5.9.

HTML code follows:

<form name="Form1" method="post" action="default.aspx" id="Form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE3MzUzNzUzMzVkZDDGrwU27HlOfnRfT/Rk/8htqq5H" />
</div>
<table border="0" cellPadding="0" cellSpacing="0" width=""><TR><TD class=npbody valign=top>banner</td></tr></TABLE><table cellSpacing=0 cellPadding=0 width="" border=0>
<tr><td vAlign=top align=left width="" ><TABLE border="0" cellPadding="0" cellSpacing="0" width=""  ><TR><TD class=npbody valign=top>left</td></tr><tr><TD> </TD></tr></TABLE></td><td width="5"><img height=1 src="/assets/images/1.gif" width="5"></td><td vAlign=top align=center><table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr>
<td><TABLE border="0" cellPadding="0" cellSpacing="0" width="100%">
<tr>
<TD>top</td></tr>
</TABLE></TD>
</TR><tr><td valign=top><table cellSpacing=0 cellPadding=0 width="" border=0>
<tr>
<td vAlign=top >

	<TABLE border="0" cellPadding="0" cellSpacing="0" width="100%"><TR><TD class=npbody valign=top>main</td></tr><tr><TD> </TD></tr></TABLE>
</td></tr><tr>
<td width="5"><img height=1 src="/assets/images/1.gif" width="5"></td><td vAlign=top align=center><table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr>
<td valign=top><TABLE border="0" cellPadding="0" cellSpacing="0" width="100%">
<tr>
<TD class=npbody>bottom</td></tr>
</TABLE>
</TD>
</TR>
</TABLE>
<td></TR></TABLE></td></tr></table></TD><td width="5"><img height=1 src="/assets/images/1.gif" width="5"></td><td valign=top width="" ><TABLE border="0" cellPadding="0" cellSpacing="0" width=""  ><TR><TD class=npbody valign=top>right</td></tr><tr><TD> </TD></tr></TABLE>
</td>

</TR>
</TABLE><table border="0" cellPadding="0" cellSpacing="0" width=""><TR><TD class=npbody valign=top>trailer</td></tr></TABLE>
<BR><BR><table bgcolor=yellow><td><font color=purple><b>NETPOINT DEVELOPMENT COPY THIS IS FOR TESTING ONLY. THIS IS A TESTING AND DEMONSTRATION SITE ONLY</b></font></td></table></form>

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    avatar image
    Former Member
    Aug 20, 2007 at 03:27 PM

    I would use CSS to override td width tags and table dimensions instead of gapping for this particular implementation. This will give you more control and it will be sitewide.

    Add comment
    10|10000 characters needed characters exceeded