0

我正在尝试在我的网站上获取此表,以便在左侧显示图像,在左侧显示有关工作人员的信息。它在 WordPress 页面中,但无论天气如何,它都在页面上或独立的 HTML 文档中,它似乎并没有按照我想要的方式呈现。

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

我试图复制他们的源代码但无法将其渲染,因此我从我的站点中提取了他们的源代码并从头开始,但仍然无法使其正常工作。

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

4

2 回答 2

2

如果您使用的是桌子......

<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>
于 2012-04-27T11:45:52.167 回答
2

我已经使用 CSS 而不是表格实现了你需要的东西。

看到这个JSFiddle

干杯,山姆

于 2012-04-27T12:31:18.900 回答