用DIV+CSS布局网站的朋友看一看文章中心首页的问题-领先建站CMS提供服务商我们专注于CMS建站产品的研发

3678 查看	13 回复

主题：用DIV+CSS布局网站的朋友看一看文章中心首页的问题 [收藏主题]

转到：

高山流水当前离线

730 主题	0 广播	2 粉丝

级别:六年级

用户积分:3985 分
登录次数:627 次
注册时间:2006/11/3
最后登录:2024/3/1

高山流水发表于：2006/11/17 9:52:00 | 显示全部帖子查看该作者主题楼主

做考试题库就用#科汛在线考试系统!

文章中心首页模板中调用“循环文章栏目列表”的标签在table布局的模板中调用是正常的，但在DIV+CSS布局的模板中调用时如果栏目中暂且没有内容时标题和内容所占的位置相等。标题占那么高的位置，很不美观，我直接在生成的文章中心首页中更改标题高度29的值，调大有效果，调小还是占那么高，不知怎么回事。

此主题相关图片如下：

一分钟快速开通线上知识店铺

支持(0) |

反对(0)

顶端

底部

高山流水当前离线

730 主题	0 广播	2 粉丝

级别:六年级

用户积分:3985 分
登录次数:627 次
注册时间:2006/11/3
最后登录:2024/3/1

高山流水发表于：2006/11/17 16:25:00 | 显示全部帖子查看该作者主题沙发

做线上考试培训就选#科汛网校

我用了最简单的DIV+CSS布局试过都是一样的:标题和无内容的栏目各占一半,有内容可以把标题挤上去。我用表格布局又一切正常，其实对比了生成的文章中心首页文件，发现两种布局的标题和内容处的代码并没有什么不同。

比如文章中心首页我只用以下代码,你们也可以试试:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>{$GetSiteTitle}-{$GetClassName}</title>
<link href="/Images/style.css" rel="stylesheet" type="text/css" />
</head>
<BODY>
<DIV id=main>
{LB_循环文章栏目列表}
</div>
</BODY>
</html>

[此贴子已经被作者于2006-11-17 16:31:56编辑过]

做新职业技能培训平台就选#科汛网校

支持(0) |

反对(0)

顶端

底部

高山流水当前离线

730 主题	0 广播	2 粉丝

级别:六年级

用户积分:3985 分
登录次数:627 次
注册时间:2006/11/3
最后登录:2024/3/1

高山流水发表于：2006/11/17 16:34:00 | 显示全部帖子查看该作者主题藤椅

有生源找课程就上科汛课堂街!

以下是引用alluse在2006-11-17 16:14:01的发言：
哦，把你的那个地方的模板代码发出来，我好试试。

为了简化，我只用了一个DIV+CSS容器，main的定义也简化：width:600px;height:100px;
background:#f6f6f6;
margin-top:3px;

做考试题库就用#科汛在线考试系统!

支持(0) |

反对(0)

顶端

底部

高山流水当前离线

730 主题	0 广播	2 粉丝

级别:六年级

用户积分:3985 分
登录次数:627 次
注册时间:2006/11/3
最后登录:2024/3/1

高山流水发表于：2006/11/17 16:06:00 | 显示全部帖子查看该作者主题板凳

有生源找课程就上科汛课堂街!

一，我手工加了px，二，我试着手工改大和改小都试过了。三，这是系统发布时自动生成的代码，四，系统默认模板的表格布局里的代码也是一样的，五，版主难道没有用DIV+CSS布局吗，如果是这种布局调用此标签就没问题吗，六，我试了两天，该试的常规的东西我都试过，找不到真正原因。

做官网就用科汛智能建站系统!

支持(0) |

反对(0)

顶端

底部

高山流水当前离线

730 主题	0 广播	2 粉丝

级别:六年级

用户积分:3985 分
登录次数:627 次
注册时间:2006/11/3
最后登录:2024/3/1

高山流水发表于：2006/11/17 15:57:00 | 显示全部帖子查看该作者主题报纸

做线上考试培训就选#科汛网校

这是系统生动发布的东西，我手工改了，如果改成大会扩大，如果改成29px或更小10px,还是没效果

科汛商学院助您快速入门

支持(0) |

反对(0)

顶端

底部

高山流水当前离线

730 主题	0 广播	2 粉丝

级别:六年级

用户积分:3985 分
登录次数:627 次
注册时间:2006/11/3
最后登录:2024/3/1

高山流水发表于：2006/11/17 15:53:00 | 显示全部帖子查看该作者主题地板

有生源找课程就上科汛课堂街!

<div id="r_classbox"> 这是右边整个循环体的容器，下面结束</div>的未贴出来
<TABLE BORDER="0" Cellpadding="0" Cellspacing="2" Width="100%">
<TR>
<TD WIDTH="50%" HEIGHT="150" VALIGN="top">
<table height="100%" width="100%" border="0" align="center" cellPadding="0" cellSpacing="0">
<tr><td style="height: 29;border-top: 1px solid #d2d3d9;border-left: 1px solid #d2d3d9;border-right: 1px solid #d2d3d9;padding-left:30;" bgcolor="#c5e2f0"><strong><a class="classtitle" href="/Html/fxpd/w1/index.html" target="_blank">机构设置</a></strong></td></tr>
<tr><td style="border: 1px solid #D2D3D9;line-height: 150%;text-align: left;padding-left:5;padding-right:5;" vAlign="top">
<li>此栏目下没有文章</li></td></tr>
</table>
</TD>
<TD WIDTH="50%" HEIGHT="150" VALIGN="top">
<table height="100%" width="100%" border="0" align="center" cellPadding="0" cellSpacing="0">
<tr><td style="height: 29;border-top: 1px solid #d2d3d9;border-left: 1px solid #d2d3d9;border-right: 1px solid #d2d3d9;padding-left:30;" bgcolor="#c5e2f0"><strong><a class="classtitle" href="/Html/fxpd/w2/index.html" target="_blank">新闻动态</a></strong></td></tr>
<tr><td style="border: 1px solid #D2D3D9;line-height: 150%;text-align: left;padding-left:5;padding-right:5;" vAlign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td height="20"><img src="/UpFiles/arrow_list.gif" border="0"/><a href="/Html/fxpd/w2/389500262.html" target="_blank" title="图文点击15测试文章">图文点击15测试文章</a></td><td width="100" nowrap align=right><span class="0">2006.11.10</span></td>
</tr>