Question

我试图让我的网站上的这张桌子左边有一张图片，左边是工作人员的信息。它位于WordPress页面中，但无论天气如何，它都在页面上或独立的HTML文档中，它似乎没有按照我想要的方式呈现。

它应该遵循与http://grab.by/djQk相同的总体思路。

我试图复制他们的来源，但无法将其渲染，所以我从我的网站上撤回了他们的来源并从头开始，仍然无法使其正常工作。

http://radio.powercastmedia.net/staff/

Answer 1

如果你正在使用桌子......

<table>
    <tr>
        <td style="width: 25%;">
            <img src="blah"/>
        </td>
        <td>
            <table>
                <tr>
                    <td>Blah</td>
                    <td>Blah</td>
                </tr>
                <tr>
                    <td>Blah</td>
                    <td>Blah</td>
                </tr>
            </table>
        <td>
    </tr>
</table>

注意：您的pastebin示例的问题是您在<tr>内使用<td>这是不正确的 - <tr>只能进入表内，因此您需要额外的表格标签

在单个单元格上使用colspan和rowspan也可以使用单个表格，但我个人更喜欢通过使图像浮动来实现，例如：

<div>
    <img src="blah" style="float: left;"/>
    <p>Name: John</p>
    <p>Something else</p>
</div>

Answer 2

我已经使用CSS而不是表格实现了所需的功能。

请参阅此JSFiddle

干杯，山姆

如何制作个人资料表？

2 个答案: