Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

This is a new one for me

Status
Not open for further replies.

foalmom

IS-IT--Management
Feb 19, 2001
6
US
I have a great table. 3 columns by 10 rows.

In Design Mode, all looks great!
In Preview Mode (and when published) it shows the first row fine, but then stacks all remaining 27 cells on top of each other in the top left corner.

for 2 screenshots

Any ideas??

Thank you so much in advance
Lyn Vogt
 
Can't really tell without looking at the html. Could you attach that as well?
 
<div align="center">
<div align="center">
<table border="1" cellpadding="2" style="border-color:#FF0000; " width="872">
<!-- MSTableType="layout" -->
<tr>
<td width="290">
<p align="center"><span style="font-variant: small-caps">
<font face="AvantGarde Bk BT" size="6">W</font><font face="AvantGarde Bk BT" size="5">estern</font></span></td>
<td width="290">
<p align="center"><span style="font-variant: small-caps">
<font face="AvantGarde Bk BT" size="6">H</font><font face="AvantGarde Bk BT" size="5">unter</font></span></td>
<td width="290">
<p align="center"><span style="font-variant: small-caps">
<font face="AvantGarde Bk BT" size="6">E</font><font face="AvantGarde Bk BT" size="5">nglish</font></span></td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
<p><a href="Mikhii.jpg">
<img border="2" src="Mikhii_small2.jpg" xthumbnail-orig-image="Mikhii.jpg" style="border: 1px solid #FF0000"></a><a href="cr_mikhii.htm">CR
Mikhii</a></td>
<td align="left" valign="top" width="283" style="border-width: 0px" class="Lyn">
<p><a href="cash%205x7.jpg">
<img border="2" src="cash%205x7_small1.jpg" xthumbnail-orig-image="cash 5x7.jpg" style="border: 1px solid #000000"></a>
<a href="argent_esprit.htm">Argent Esprit</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
<p><a href="XMan.jpg">
<img border="2" src="XMan_small2.jpg" xthumbnail-orig-image="XMan.jpg" style="border: 1px solid #FF0000"></a>
<a href="jda_marksman.htm">JDA Marksman</a></td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
<a href="KidRoxphoto2.jpg">
<img border="2" src="KidRoxphoto2_small.jpg" xthumbnail-orig-image="KidRoxphoto2.jpg" style="border: 1px solid #FF0000"></a>
<a href="kid_rox.htm">Kid Rox</a></td>
<td align="left" width="283" style="border-width: 0px" class="Lyn">
<a href="fcf_innuendo.htm">FCF Innuendo</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
<a href="hartzonfyre2.jpg">
<img border="2" src="hartzonfyre2_small1.jpg" xthumbnail-orig-image="hartzonfyre2.jpg" style="border: 1px solid #FF0000"></a>
<a href="hartz_on_fyre.htm">Hartz On Fyre</a></td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
<a href="prestige%202.jpg">
<img border="2" src="prestige%202_small1.jpg" xthumbnail-orig-image="prestige 2.jpg" style="border: 1px solid #FF0000"></a>
<a href="tamar_prestige.htm">Tamar Prestige</a></td>
<td align="left" width="283" style="border-width: 0px" class="Lyn">
<a href="justshootinthebreeze.htm">JustShootinTheBreeze</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
&nbsp;</td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
<a href="Mocha%20Lena.jpg">
<img border="2" src="Mocha%20Lena_small1.jpg" xthumbnail-orig-image="Mocha Lena.jpg" style="border: 1px solid #FF0000"></a>
<a href="tr_mocha_lena.htm">TR Mocha Lena</a></td>
<td align="left" valign="top" width="283" style="border-width: 0px" class="Lyn">
<a href="FIONACROPPED.jpg">
<img border="2" src="FIONACROPPED_small1.jpg" xthumbnail-orig-image="FIONACROPPED.jpg" style="border: 1px solid #000000"></a>
<a href="fiona.htm">Princess Fiona</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
&nbsp;</td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
<a href="widget2cropped.jpg">
<img border="2" src="widget2cropped_small1.jpg" xthumbnail-orig-image="widget2cropped.jpg" style="border: 1px solid #FF0000"></a>
<a href="ws_hot_like_me.htm">WS Hot Like Me</a></td>
<td align="left" valign="top" width="283" style="border-width: 0px" class="Lyn">
<a href="after%20midnight.jpg">
<img border="2" src="after%20midnight_small2.jpg" xthumbnail-orig-image="after midnight.jpg" style="border: 1px solid #000000"></a>
<a href="tamar_after_midnight.htm">Tamar After Midnight</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
&nbsp;</td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
<a href="Larry%20scottsdale.jpg">
<img border="2" src="Larry%20scottsdale_small3.jpg" xthumbnail-orig-image="Larry scottsdale.jpg" style="border: 1px solid #FF0000"></a>
<a href="ws_louie_louie.htm">WS Louie Louie</a></td>
<td align="left" valign="top" width="283" style="border-width: 0px" class="Lyn">
<a href="Expecting%20Roses.jpg">
<img border="2" src="Expecting%20Roses_small.jpg" xthumbnail-orig-image="Expecting Roses.jpg" style="border: 1px solid #000000"></a>
<a href="tamar_expecting_roses.htm">Tamar Expecting Roses</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
&nbsp;</td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
<a href="Callie%20and%20rose.jpg">
<img border="2" src="Callie%20and%20rose_small1.jpg" xthumbnail-orig-image="Callie and rose.jpg" style="border: 1px solid #FF0000"></a>
<a href="za_always_a_lady.htm">ZA Always A Lady</a></td>
<td align="left" valign="top" width="283" style="border-width: 0px" class="Lyn">
<a href="hotpants.jpg">
<img border="2" src="hotpants_small1.jpg" xthumbnail-orig-image="hotpants.jpg" style="border: 1px solid #000000"></a>
<a href="HOTPANTS.htm">TamarHotieMcYungPants</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
&nbsp;</td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
&nbsp;</td>
<td align="left" valign="top" width="283" style="border-width: 0px" class="Lyn">
<p>
<a href="joefabulous.jpg">
<img border="2" src="joefabulous_small1.jpg" xthumbnail-orig-image="joefabulous.jpg" style="border: 1px solid #000000"></a>
<a href="tamar_joe_fabulous.htm">Tamar Joe Fabulous</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
&nbsp;</td>
</tr>
<tr>
<td width="286" align="left" valign="top" style="border-width: 0px" class="Lyn">
&nbsp;</td>
<td align="left" valign="top" width="283" style="border-width: 0px" class="Lyn">
<a href="Romeo2.jpg">
<img border="2" src="Romeo2_small1.jpg" xthumbnail-orig-image="Romeo2.jpg" style="border: 1px solid #000000"></a>
<a href="tamar_red_hot_romeo.htm">Tamar Red Hot Romeo</a></td>
<td align="left" valign="top" width="287" style="border-width: 0px" class="Lyn">
&nbsp;</td>
</tr>
</table>
</div>
<p align="center">&nbsp;</p>
 
Your paragraphs are not terminated. example
Code:
            <tr>
                <td width="290">
                <p align="center"><span style="font-variant: small-caps">
                <font face="AvantGarde Bk BT" size="6">W</font><font face="AvantGarde Bk BT" size="5">estern</font></span></td>
                <td width="290">
                <p align="center"><span style="font-variant: small-caps">
                <font face="AvantGarde Bk BT" size="6">H</font><font face="AvantGarde Bk BT" size="5">unter</font></span></td>
                <td width="290">
                <p align="center"><span style="font-variant: small-caps">
                <font face="AvantGarde Bk BT" size="6">E</font><font face="AvantGarde Bk BT" size="5">nglish</font></span></td>
            </tr>
should be
Code:
            <tr>
                <td width="290">
                <p align="center"><span style="font-variant: small-caps">
                <font face="AvantGarde Bk BT" size="6">W</font><font face="AvantGarde Bk BT" size="5">estern</font></span></p></td>
                <td width="290">
                <p align="center"><span style="font-variant: small-caps">
                <font face="AvantGarde Bk BT" size="6">H</font><font face="AvantGarde Bk BT" size="5">unter</font></span></p></td>
                <td width="290">
                <p align="center"><span style="font-variant: small-caps">
                <font face="AvantGarde Bk BT" size="6">E</font><font face="AvantGarde Bk BT" size="5">nglish</font></span></p></td>
            </tr>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top