Jquery 我需要帮助将一个3列表格放入div

Jquery 我需要帮助将一个3列表格放入div,jquery,css,html-table,Jquery,Css,Html Table,我真的不擅长html和所有这类东西,所以我需要细节。所以我的问题是:如何在不做太多更改的情况下将3列表放入现有的div中 到目前为止,我尝试将表放入的div的代码如下所示: <div style="border:2px solid white;width:700px;height:350px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;display:table;"><

我真的不擅长html和所有这类东西,所以我需要细节。所以我的问题是:如何在不做太多更改的情况下将3列表放入现有的div中

到目前为止,我尝试将表放入的div的代码如下所示:

<div style="border:2px solid white;width:700px;height:350px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;display:table;"><u><b><font color=#EC008B><font size=5>MEASUREMENTS IN INCHES</u></b></font color=#EC008B></font size=5><br>

<table border="0" cellpadding="5" cellspacing="0" width="600">

<tr><td align="left" valign="top" width="200">

MEASUREMENTS

</td><td align="left" valign="top" width="200">

MEASUREMENTS

</td><td align="left" valign="top" width="200">

IMAGE WILL GO HERE

</td></tr></table>

</div>
以英寸为单位的测量值
测量 测量 图像将放在这里
但是无论如何,3列表出现在div下面而不是它里面,我不知道如何修复它。我有一张它正在做的图片,但是我不能发布,所以如果你想看,请告诉我

这也是易趣的。它确实改变了一些事情,但我不认为它会影响这个特定的部门,但我想我会让你知道

更新:

请访问practiceboard.com并输入以下代码,这是我目前掌握的:

<table> <tr><td style="padding: 0px"><table bgcolor="#DAEBC6" border="0" width="800"     align="center" cellspacing="0"><tr><td width="800" background="http://i1373.photobucket.com/albums/ag383/Dixie_Stockwell/cleanbg1000x1000-01_zpsf98a4ebc.png" style="background-repeat: yes- repeat; padding: 0px"><center><img style="height:auto; width:auto; max-width:600px; max-height:600px;" src="http://i1373.photobucket.com/albums/ag383/Dixie_Stockwell/smallernetsukegirllogo-01_zpsc05c6cff.png"></center><img border="0" src="" width="1" height="10"><div align="center"><table border="0" cellspacing="0" bgcolor="#90C382" align="center"> <div style="border:2px solid white;width:700px;height:175px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;"><u><b><font color=#EC008B><font size=5>THINGS TO KNOW</u></b></font color=#EC008B></font size=5> <br><span style="height:100%;" align="left"><font size=3><font color=white><ul><li>Label sizes may vary from designer to designer and from decade to decade. Please use measurements for accurate sizing.</li><li>Garments are pre-owned and have been laundered, which may have caused shrinkage from original size.</li><li>Measurements are taken in inches and may be within a half inch of listed measurements.</li><li>All flaws will be identified and listed in the description.</li></ul></span></div><div style="border:2px solid white;width:700px;height:175px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;"><u><b><font color=#EC008B><font size=5>ABOUT</u></b></font color=#EC008B></font size=5><br><p style="height:100%;" align="center">POST ABOUT ITEM HERE </p></div>
<div style="border:2px solid white;width:700px;height:350px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;"><u><b><font color=#EC008B><font size=5>MEASUREMENTS IN INCHES</u></b></font color=#EC008B></font size=5><br>

<table border="0" cellpadding="5" cellspacing="0" width="600">
<tr><td align="left" valign="top" width="200">

PUT FIRST COLUMN CONTENTS HERE

</td><td align="left" valign="top" width="200">

PUT SECOND COLUMN CONTENTS HERE

</td><td align="left" valign="top" width="200">

PUT THIRD COLUMN CONTENTS HERE

</td></tr></table>



<div style="border:2px solid white;width:700px;height:175px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;"><u><b><font color=#EC008B><font size=5>SHIPPING</u></b></font color=#EC008B></font size=5><br><p style="height:100%;">Shipping takes place on Mondays, Wednesdays, and Fridays after payment is received.<br>All items will be shipped via USPS Priority Packaging.</p></div><div style="border:2px solid white;width:700px;height:175px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;"><u><b><font color=#EC008B><font size=5>POLICY</u></b></font color=#EC008B></font size=5><br><p style="height:100%;">&emsp;We take pride in our vintage clothing collection. All Items are cleaned, pressed, and ready for wear. We strive to give the best quality on our garments.<br><font color=#EC008B>&#38;hearts;</font color=#EC008B><br>The finest in vintage apparel<br><b><font size=4>Everything else is just used clothing.</b></font size=4></p></div><img border="0" src="" width="1" height="30"><div align="center"><table border="0" cellspacing="0" bgcolor="#90C382" align="center"></div></td></tr></table></td></tr></table></td></tr></table></div></td></tr></table></div>
需要知道的事情
  • 标签尺寸可能因设计师而异,也可能因年代而异。请使用测量值进行准确的尺寸测量。
  • 服装是二手的,已经洗过,这可能会导致原始尺寸的缩水。
  • 测量值以英寸为单位,可能在所列测量值的半英寸范围内。
  • 所有缺陷都将被识别并在说明中列出。
  • 在此处发布有关项目的信息

    以英寸为单位的测量值
    将第一列内容放在这里 将第二列内容放在这里 把第三栏的内容放在这里 运输

    在收到付款后的周一、周三和周五发货。
    所有物品将通过USPS优先包装发货。

    政策

    &emsp;我们为我们的复古服装系列感到自豪。所有产品都经过清洗、熨烫和成衣。我们努力为我们的服装提供最好的质量。
    &;hearts;
    复古服装中最好的
    其他一切都是二手服装


您需要修复HTML,使其看起来像这样:

<div style="border:2px solid white;width:700px;height:350px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;display:table;"> 
<u>
    <b>
        <font color=#EC008B>
            <font size=5>MEASUREMENTS IN INCHES</font>
        </font>
    </b>
</u>
<br />
<table border="0" cellpadding="5" cellspacing="0" width="600">
    <tr>
        <td align="left" valign="top" width="200">MEASUREMENTS</td>
        <td align="left" valign="top" width="200">MEASUREMENTS</td>
        <td align="left" valign="top" width="200">IMAGE WILL GO HERE</td>
    </tr>
</table>

以英寸为单位的测量

测量 测量 图像将放在这里

您随机打开和关闭标记。例如,您的代码有:

<u>
    <b>
        <font color=#EC008B>
            <font size=5>MEASUREMENTS IN INCHES
            </u>
        </b>
    </font color=#EC008B>
</font size=5>

以英寸为单位的测量
这是不正确的HTML,如果您打开一个标记
,则必须在关闭其中的所有其他标记后将其关闭。因此,您的代码应该如下所示:

<u>
    <b>
        <font color=#EC008B>
            <font size=5>MEASUREMENTS IN INCHES</font>
        </font>
    </b>
</u>

以英寸为单位的测量
此外,当您关闭标记(
)时,无法在其内部应用属性。例如,您无法执行以下操作:

</font color=#EC008B>
    </font size=5>

编辑:
修复了您的标记:

您的语法看起来正确。有点时髦但正确。易趣的HTML编辑器可能正在剥离内容,您是否有URL以便我们可以查看帖子?

这应该有效:我很抱歉,我知道这可能很糟糕,但大部分都有效。@DixieStockwell看看我的答案。看看这是否修复了您的问题Sue你提供给易趣的链接不起作用。它说物品已经过期或被删除。@FernandoChavezHerrera,我添加了我的全部代码,只要去practiceboard.com把它放进去,它就会显示出我所拥有的。哦,我以为你必须关闭你启动标签的所有内容。这说明了我知道多少。你确实关闭了所有内容(除了少数例外),但一旦该标记内的所有内容都关闭后,您必须将其关闭。不,这没有修复它,它看起来像是制作了一个单独的小div,并在其中张贴了“测量”“测量”和“图像将转到此处”“在div.@DixieStockwell下,我已经在这里更正了你的HTML:请学习如何正确编写HTML!非常感谢!我很抱歉,我知道我很烂。不过我正在学习。谢谢你处理这些荒谬的事情。”。