【原】文字与动画在图片中的定位

春天没来 2012-09-22

展开全文

"春天没来"	欢迎您

代码：
<div align="center">
<table border="2" cellSpacing="15" borderColor="#ff0099" width="880" background="http://image54.360doc.com/DownloadImg/2012/08/2616/26412535_1.jpg" align="center">
<tbody>
<tr>
<td>
<table style="left: 0px; top: 0px; width: 880px;" border="0" cellSpacing="0" borderColor="#ff0000" borderColorLight="#ffff00" borderColorDark="#ff0000" cellPadding="0" width="880" background="http://image54.360doc.com/DownloadImg/2012/08/2616/26412535_2.jpg" height="660">
<tbody>
<tr>
<td width="50%"><p align="right"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><strong>"春天没来"</strong></font></p></td>
<td width="50%"><p align="left"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><strong>　欢迎您</strong></font></p></td>
<tr>
<td width="50%"><embed height="300" type="application/x-shockwave-flash" align="right" width="440" src="http://www./cc/flash/143.swf" allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"></td>
<td width="50%"><embed height="300" type="application/x-shockwave-flash" align="right" width="440" src="http://www./cc/flash/143.swf" allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"></td>
<tr>
<tr>
<td width="50%"><embed height="310" type="application/x-shockwave-flash" align="right" width="440" src="http://mylib./userfile/12410834/2011-05-11/1305113553156.swf" allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"></td>
<td width="50%"><embed height="310" type="application/x-shockwave-flash" align="right" width="440" src="http://mylib./userfile/12410834/2011-05-11/1305113553156.swf" allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"></td></tr></tbody></table></td></tr></tbody></table></div>

代码解析：

１、在二重表格中，设置了一个三行二列，表格的宽度880px，高度660px（这一点很重要，表格的规格一定要和背景图片http://image54.360doc.com/DownloadImg/2012/08/2616/26412535_2.jpg的规格相同）。

２、第一行的第一个单元格内，放入了文字：“春天没来”，文字的对齐方式为“居右”；第二个单元格内，放入了文字：欢迎您，文字的对齐方式为“居左”。整行文字的效果是“居中”。

３、第二行的两个单元格内，各放入了一个动画图片，动画图片的宽度都是４４０，合起来为８８０，等于表格的宽度；高度为３１０。

４、第三行的两个单元格内，各放入了一个动画图片，动画图片的宽度都是４４０，合起来为８８０，等于表格的宽度；高度为３１０。

５、两行动画图片的高度和一行文字的高度加起来，正好是６６０（文字的高度５０是经过试验确定的）。

代码解析：

３、第二行的两个单元格内，各放入了一个动画图片，动画图片的宽度都是440px，合起来为880px，等于表格的宽度；高度为310px。

４、第三行的两个单元格内，各放入了一个动画图片，动画图片的宽度都是440px，合起来为880px，等于表格的宽度；高度为310px。

５、两行动画图片的高度和一行文字的高度加起来，正好是660px（文字的高度50px是经过试验确定的）。