2011-08-14 18 views
1

誰かが私を助けることができたら驚いています。私はちょうどCSSで作業を始め、私が見たニュースレターのページの1つを複製することを考えていました。私の主な問題は、多くの人が作った矢印イメージをページの中央に挿入することができないように思えることです。テーブルの中心に画像を挿入

私は多くのテーブルを使い、1行にイメージを挿入するとページが分割されます。 本当に助けていただければ幸いです。ここで

は私のコードです:ここで

<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

答えて

0

テーブルの行が直接コンテンツを持つことが許されていない、あなたは内の画像を囲むことになるでしょうまた

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

、あなたのコメントで世話をする:2の列のスパンを持っていtd

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

おかげで、私はそれを試してみて、それが問題を解決した場合、あなたが知っているようになります。ここでは、おそらく予測不可能なこのブロック以下のコードの表示を行います閉じていないコメントを持っています。 – Julie