Question

我想知道是否有人可以帮助我。我刚刚开始使用CSS，并希望复制我看到的新闻通讯的一个页面。我的主要问题是我似乎无法将大量人物制作的箭头图像插入页面中心。

我已经使用了很多表，并且连续插入图像会破坏页面。真的很感谢你的帮助。

这是我的代码：

<html>
<head></head>
<body>


<table style="border: 1px solid #223e86;" border="0" width="600" align="center" cellpadding="0" cellspacing="0">

  <tr>
  ---------------------INSERT IMAGE IN THE CENTER OF ONE COLUMN ROW------------------
  </tr>

<tr>
  <td style="padding-left: 12px; font-family: Verdana,Geneva,sans-serif; font-size: 13px;">
 LOT is proud to be launching <i>LOT
Careers</i>. This tailor-made online portal
will provide members and trainees with
free access to browse and apply for the
largest single source of LOT,
jobs worldwide.
<p />
As an LOT member you will be
able to search job vacancies relevant
to your qualification, geographical
location and sector. The site will also
offer comprehensive guidance, advice
and developments in the financial
recruitment process and with your career
management.</td>

<td>
<H2 style="font-family: Verdana,Geneva,sans-serif; font-size: 20px; text-transform:uppercase; color: #B00000; font-weight:bold;">FEATURES:</H2>
<pre style="font-family: Verdana,Geneva,sans-serif; font-size: 13px;">
* Expert careers content (news, videos, 
  articles, advice and information) 
* Find out about the recruitment market 
  in a destination of your choice
* Search vacancies by job title, skills 
  required, region or LOT status
* Sign up to receive tailored email alerts
  when relevant jobs are posted
* Upload and store your CV
* Apply for jobs with one click
* Debate the latest topics in the 
  Think Tank with other professionals 
  in the industry
</pre></td>

</tr>
<tr>
    <td>
 &nbsp; 
    </td>
</tr>
<tr>
  <td style="padding-left: 12px; font-family: Verdana,Geneva,sans-serif; font-size: 13px;">
 <i>LOT Careers</i> will also provide access to
thousands of LOT qualified jobseekers
for any organisation looking for the best
new talent.
  </td>

  <td style="padding-right: 12px; font-family: Verdana,Geneva,sans-serif; font-size: 11px; text-transform:uppercase; color: #B00000; font-weight:bold;">
 Pre-register today at www.oursite.com
 whether you’re interested in making
your next career move, or want to recruit
your next employee
  </td>
</tr>






<tr><td>&nbsp;</td></tr>
<!--third one-->

<tr>
<td>



</td>
</tr>
<!--
<tr><td>&nbsp;</td></tr>
<!--forth one-->
<td colspan="7"> 

<table border="0" width="200" align="center" cellpadding="0" cellspacing="0">
<tr>

</tr>

<table>
<tr>
<td>
<img style="border:1px solid #021a40;" src="Memberslogo-web-images/MP_Finance_220110_opt.gif" alt="Smiley face"  />
</td>

<td>
  <img style="border:1px solid #021a40;" src="Memberslogo-web-images/RMS_opt.jpeg" alt="Smiley face"  />
</td>
<td>
    <img style="border:1px solid #021a40;" src="Memberslogo-web-images/bbc-120x60_opt.jpeg" alt="Smiley face"  />
</td>
<td>
  <img style="border:1px solid #021a40;" src="Memberslogo-web-images/STATESTREET_opt.jpeg" alt="Smiley face"  />
</td> 
<td>
   <img style="border:1px solid #021a40;" src="Memberslogo-web-images/logo_opt.jpeg" alt="Smiley face"  />
</td>

</tr>
</table>
<!--Footer-->

<table>
<tr>
<td width="600" bgcolor="#828279" colspan="7" style="padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px" align="center">
<p><span style="font-family: Verdana,Geneva,sans-serif; color:#FFFFFF; font-size: 23px;">
Pre-register today at <a style="text-decoration:none" href="">www.oursite.com</a> 
</span></p>
</td>
</tr>
</table>
</table>

</body>
</html>

以下是我要在该列中插入的图片：http://i.stack.imgur.com/DvQ7F.jpg

Answer 1

表行不允许直接包含内容，您需要将图像封装在列间距为2的td中：

<tr>
<td colspan="2">
-----INSERT IMAGE IN THE CENTER OF ONE COLUMN ROW-------
</td>
</tr>

此外，请注意您的意见。在这里你有一个未公开的评论，可能会使这个块后面的代码显示不可预测：

<!--
<tr><td>&nbsp;</td></tr>
<!--forth one-->

在表格中心插入图像

1 个答案: