表格图像不会出现

时间:2017-02-06 12:28:28

标签: html css html-table

HTML code:

<div class="produtos2">
    <table width="500" border="0" cellpadding="4" CELLSPACING="80">
        <tr>
            <td align="center" valign="center">
                <img src="images/h_calcas/ola.jpg" width="200" height="200" alt="description here" />
                <br />
                Caption text centered under the image.
            </td>

            <td align="center" valign="center">
                <img src="images/h_calcas/ola1.jpg" width="200" height="200" alt="description here" />
                <br />
                Caption text centered under the image.
            </td>

            <td align="center" valign="center">
                <img src="images/h_calcas/ola2.jpg" width="200" height="200" alt="description here" />
                <br />
                Caption text centered under the image.
            </td>

            <td align="center" valign="center">
                <img src="images/h_calcas/ola3.jpg" width="200" height="200" alt="description here" />
                <br />
                Caption text centered under the image.

            <tr>
                <td align="center" valign="center">
                    <img src="images/h_calcas/ola4.jpg" width="200" height="200" alt="description here" />
                    <br />
                    Caption text centered under the image.
                </td>

                <td align="center" valign="center">
                    <img src="images/h_calcas/ola5.jpg" width="200" height="200" alt="description here" />
                    <br />
                    Caption text centered under the image.
                </td>

                <td align="center" valign="center">
                    <img src="images/h_calcas/ola6.jpg" width="200" height="200" alt="description here" />
                    <br />
                    Caption text centered under the image.
                </td>

                <td align="center" valign="center">
                    <img src="images/h_calcas/ola7.jpg" width="200" height="200" alt="description here" />
                    <br />
                    Caption text centered under the image.</td> </tr>
                </td>
            </tr>
        </table>
</div>

CSS代码:

.produtos2{
    width: 100%;
    height: auto;
    background: gray;
}

table{
    margin: auto;
}    

table img{
    display: inline-block;
}

html文件的文件夹位于&#34; www&#34;在其中有文件夹&#34; images&#34;里面的图像。但图像永远不会出现。我认为这可能与显示有关,所以我尝试了display:block;display:inline-block;,但它仍然没有用。

文件夹:

enter image description here

1 个答案:

答案 0 :(得分:0)

路径不正确。图片 n s @LordNeo