html 排版问题！！

zhangle861010 2010-12-30 11:30:56

小弟在写页面的时候碰到这个问题，就是在已经留出12像素的空位 放代码中红色的边框！可是显示在<td width="658" valign="top">之外！ 请各位大大帮帮忙！ 谢谢了！！ 代码如下！！ 



<td width="658" valign="top">

					<table width="658" align="center" cellpadding="0" cellspacing="0" height="800">

								 <tr><cms4j:article_list share="true">

								 	<td valign="top"><table width="100%" height="40"  border="0" cellpadding="0" cellspacing="0">

	<tr valign="top">

  	<td><img src="image/03_11.gif" width="658" height="38" alt=""></td>

	</tr>

	</table>

	</td>

</tr>

<tr>

	<td width="646" style="background-image:URL(image/03_15.gif); background-repeat:no-repeat;">

	<table width="646" align="center">

		<tr>

			<td style="border-top: 0px #CCCCCC solid ;border-right: 0px #CCCCCC solid ;border-bottom:0px #CCCCCC solid ;border-left:0px #CCCCCC solid; padding-top:30px; padding-bottom:30px; font-size:16px; color:#1763B1; font-weight:bold" align="center">

	<%=article_info.getTITLE()%></td>

	

	</tr>

	<tr>



    <td width="646" align="center" valign="top" style="padding-left:30px; padding-right:30px; color:#666666; font-size:13px;line-height:19px; letter-spacing:3px; font-weight:bold">

	<%=article_info.getCONTENT()%>



	</td>



  </tr>



  </table>

  <td width="12" valign="top" align="left">

  <img src="image/03-_16.gif" width="12" height="520" alt="">

  </td>	 

</td>

</tr>

 

 

 </cms4j:article_list>

          </cms4j:article>

 </table>





</td>
...全文
122 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhangle861010 2010-12-30
  • 打赏
  • 举报
 回复 


<table border="0" align="center" cellpadding="0" cellspacing="0" class="page_frame">

		<tr>

					

					<td width="199" valign="top">

					<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">



					  <tr>

					

						<td background="image/02-_09.gif" align="left" width="199" height="61"><p> </p>

							<p>   <a href="/" class="title2"><strong>新闻资讯</strong></a></p></td>

							



  					  </tr>

					  </table>

					<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

						<!--<table width=188 border="0" cellpadding="0" cellspacing="0">-->

						<tr>

							<td bgcolor="#FFFFFF" width="10"></td> 

						<td width="189">

							

						<table width=189 border="0" cellpadding="0" cellspacing="0">

						  <tr>

						 

						<td background="image/02-_20.gif" align="left" width="189"><p> <a href="/" class="title3"><strong>最新消息</strong></a></p></td>

						<td><img src="image/分隔符.gif" width="1" height="34" alt=""></td>

					  </tr>

					  <tr>

						<td background="image/02-_21.gif" align="left"><p> <a href="/" class="title3"><strong>科研动态</strong></a></p></td>

						<td><img src="image/分隔符.gif" width="1" height="34" alt=""></td>

					  </tr>

						<tr>

						<td background="image/02-_21.gif" align="left"><p> <a href="/" class="title3"><strong>通知公告</strong></a></p></td>

						<td><img src="image/分隔符.gif" width="1" height="34" alt=""></td>

					  </tr>

					  <tr>

						<td  bgcolor="#FFFFFF" align="left"><p>  </p></td>

						<td><img src="image/02-_23.gif" width="1" height="34" alt=""></td>

						<td><img src="image/分隔符.gif" width="1" height="34" alt=""></td>

					  </tr>	

	<tr>

		<td>

			<img src="image/02-_24.gif" width="188" height="13" alt=""></td>

		<td>

			<img src="image/分隔符.gif" width="1" height="13" alt=""></td>

	</tr>



<tr>

    <td background="image/02-_25.gif" width="189" height="38" align="center"><font color="#1259A2" size="-1">--<strong>相关链接</strong>--</font> </td>

    <td><img src="image/分隔符.gif" width="1" height="38" alt=""></td>

  </tr>

  <tr>

    <td background="image/02-_26.gif" align="left"><jsp:include page="../../symbol/article/list_1.jsp">

      <jsp:param name="CLASS_ID" value="all"></jsp:param>

      <jsp:param name="NODE_ID" value="root"></jsp:param>

      <jsp:param name="PAGE_SIZE" value="10"></jsp:param>

      <jsp:param name="ROW_HEIGHT" value="20"></jsp:param>

      <jsp:param name="TITLE_LENGTH" value="13"></jsp:param>

      <jsp:param name="IS_NEW_IMG" value="images/new.gif"></jsp:param>

      <jsp:param name="ADD_DATE_FORMAT" value="MM-dd"></jsp:param>

      <jsp:param name="SHOW_ADD_DATE_COLUMN" value="true"></jsp:param>

      <jsp:param name="IS_SHOW_CLASS_NAME_COLUMN" value="false"></jsp:param>

      </jsp:include>    </td>

    <td><img src="image/分隔符.gif" width="1" height="21" alt=""></td>

  </tr>

</table>

</td>

</tr>

  </table>

</td>





					  <td valign="top" align="left"><img src="image/02-_10.gif" width="17" height="550" alt=""></td>

						<td><img src="image/02-_11.gif" width="22" height="570" alt=""></td>

<cms4j:article article_id="${param.id}">

<td width="658" valign="top">

					<table width="658" align="center" cellpadding="0" cellspacing="0" height="800">

								 <tr><cms4j:article_list share="true">

								 	<td valign="top"><table width="100%" height="40"  border="0" cellpadding="0" cellspacing="0">

	<tr valign="top">

  	<td><img src="image/03_11.gif" width="658" height="38" alt=""></td>

	</tr>

	</table>

	</td>

</tr>

<tr>

	<td width="646" style="background-image:URL(image/03_15.gif); background-repeat:no-repeat;">

	<table width="646" align="center">

		<tr>

			<td style="border-top: 0px #CCCCCC solid ;border-right: 0px #CCCCCC solid ;border-bottom:0px #CCCCCC solid ;border-left:0px #CCCCCC solid; padding-top:30px; padding-bottom:30px; font-size:16px; color:#1763B1; font-weight:bold" align="center">

	<%=article_info.getTITLE()%></td>

	

	</tr>

	<tr>



    <td width="646" align="center" valign="top" style="padding-left:30px; padding-right:30px; color:#666666; font-size:13px;line-height:19px; letter-spacing:3px; font-weight:bold">

	<%=article_info.getCONTENT()%>



	</td>



  </tr>



  </table>

  <td width="12" valign="top" align="left">

  <img src="image/03-_16.gif" width="12" height="520" alt="">

  </td>	

 </td>

</tr>

 

 

 </cms4j:article_list>

          </cms4j:article>

 </table>

  <!--<tr>

    <td><img src="image/02-_24.gif" width="188" height="13" alt=""></td>

    <td><img src="image/分隔符.gif" width="1" height="13" alt=""></td>

  </tr>-->



</td>

<td width="128" rowspan="11"><img src="image/02-_16.gif" width="129" height="499" alt=""></td>



			  

</td>

</tr>

</table>


代码有点多！！ 麻烦各位大大了！！！
yhtapmys 2010-12-30
  • 打赏
  • 举报
 回复
贴全些吧 上面的代码贴得一半一半的

<td width="12" valign="top" align="left">
<img src="image/03-_16.gif" width="12" height="520" alt="">
</td>

这段代码 跟在</table>后？
那岂不是 <td><table></table><td>。。。</td></td> 感觉有点怪怪的。
qq85168163 2010-12-30
  • 打赏
  • 举报
 回复
这个排版不行。。
luman2002 2010-12-30
  • 打赏
  • 举报
 回复 


<table width="658" align="center" cellpadding="0" cellspacing="0" height="800">

<tr>

  <cms4j:article_list share="true">

  <td valign="top"  colspan="2">

      <table width="100%" height="40"  border="0" cellpadding="0" cellspacing="0">

          <tr valign="top">

              <td><img src="image/03_11.gif" .......

<cms4j:article_list share="true">
<td valign="top" colspan="2">
加入colspan="2"
suchcl 2010-12-30
  • 打赏
  • 举报
 回复
你找你们制作给你重新做页面，这页面太垃圾了。
zhangle861010 2010-12-30
  • 打赏
  • 举报
 回复
各位大大帮忙看看！ 千万别沉。。。。。
jquery的瀑布流布局插件使用实例
整理了两个例子，一个用插件，一个不用，都很简单，新手必备哦！
html在线排版编辑工具,html+css+js开发文本编辑器，有各种排版功能！
当点击上面的按钮，例如添加图片，就会直接向textarea文本框添加一段预设的图片标签。如果添加超链接，就会向文本框添加超链接标签，我们只需要把超链接和链接文字填上去即可。Hello World.a{background: url(images/a.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}.p{backgr...
移动端个人中心页面排版教程
不用任何框架，从零开始教大家搭建移动端个人中心页面。手把手教学页面的布局排版，弹性布局的妙用。字体颜色，以及矢量图的使用。html5+css3基础教学以及如何寻找矢量图库
IntelliJ Idea快捷键（排版清晰！！持续更新！！非常详细）
文章目录十大快捷键1 智能提示2 重构3 代码生成4 编辑5 查找打开6 其他辅助7 最终榜单快捷键超详细大全1 编辑【Editing】1.1 Ctrl + Shift + Space 示例（智能补全）1.2 Ctrl + P 示例（方法参数列表）1.3 Ctrl + Q 示例（API 说明文档）1.4 Alt + Insert 示例（自动生成与类相关的代码）1.5 Ctrl + O 示例（该类中所有覆盖或者实现的方法列表）1.6 Ctrl + Alt + T 示例（生成具有环绕性质的代码）1.7 Ctrl
html 一键排版,用一键排版 排版好轻松
很多人在写文章的时候，并不注意文章的排版格式，等到几千字的文章写完以后，发现非常的杂乱，本来写文章就很费精力，如果重新排版总会觉得很烦;如果你是新闻编辑人员，每天对着N多的新闻，肯定厌倦了每篇文章的排版工作，如果有那么一款软件，它可以帮助你自动的排版，且非常的省时省力，我想应该不会有人拒绝的。下面我们就来看看这款自动排版的软件“一键排版”;软件安装：“一键排版”安装过程很简单，只需按默认设置几步完...
CSS

61,112

社区成员

60,730

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章