仅使用HTML将图像对齐到表格旁边

时间:2016-01-12 18:51:48

标签: html css tabular

我正在公司内部维基上设计“名人堂”。

网站的设置使我在顶部有三个图像(一个奖杯,一个居中的标题图像,另一个奖杯)和一个位于其下方的中心表。

我有一张很高的图片,上面写着“名人堂”,我想把它放在页面的旁边。

我该怎么做呢?看来这个wiki上的编辑器只会让你改变HTML,所以似乎使用div和CSS来设置页面样式是不可能的(如果我错了,请纠正我)。我将链接HTML,但它有点乱。

谢谢!

<p style="text-align: center">
    <a href="http://www.google.com"><img align="left" height="342" lconnwikimacro="image" lconnwikiparamattachmentname="trophy.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" style="height: 141px; width: 116px; padding-top: 30px; padding-left: 65px" width="330" /> <img lconnwikimacro="image" lconnwikiparamattachmentname="SG_HoF_Pic2.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" /></a> <img align="right" height="342" lconnwikimacro="image" lconnwikiparamattachmentname="trophy.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" style="height: 141px; width: 116px; padding-top: 30px; padding-right: 65px" width="330" /></p>
<p style="text-align: center">
    &nbsp;</p>
<table>

编辑:我使用了下面的响应,现在我正在收到错误,如下图所示...... here

左侧的横向图像应位于表格旁边。不在上方和左侧。

1 个答案:

答案 0 :(得分:1)

您可以将表嵌套在另一个表中,如下所示:

<table>
  <tr>
    <td>Put Your Image Here</td>
    <td>
        <table>
          <tr>
            <td>Jill</td>
            <td>Smith</td>      
            <td>50</td>
          </tr>
          <tr>
            <td>Eve</td>
            <td>Jackson</td>        
            <td>94</td>
          </tr>
          <tr>
            <td>John</td>
            <td>Doe</td>        
            <td>80</td>
          </tr>
        </table>
    </td>
</tr>

请参阅此处的示例:https://jsfiddle.net/ingridly/rgangdan/