|
主题:[求助]如果修改内容页模板文章字体大小? [收藏主题] | 转到: |
magicseason 发表于:2008/7/29 22:26:00 | 只看该作者 查看该作者主题
楼主
|
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
你的网页模板的TABLE和DIV混用,不过这本身不是问题,问题是——你的div和table很乱,我查到你的模板中文章内容下面的TABLE中的TD缺少关闭标签!
另外你写的是 class="ArticleContent" 这个应该在CSS中写 .ArticleContent 开头而并非 #ArticleContent开头!
像这样的代码书写完全不规范,规范的写法如下 <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" style="border-top:#cccccc 1px dashed;border-bottom:#cccccc 1px dashed;margin-bottom:8px;margin-top:8px">
<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px dashed #cccccc ;margin8px 0;">
你可能感觉你的网页没有变形,所以代码是正确的,但是你的网页里的错误不止一处,这样的情况你怎么能保证网页的显示正确呢?
建议你重新写模板。 |
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
模板中这样写文章内容的部分。 ============================== <div id="article_content"> ============================== CSS中写
#article_content{text-indent:2em;line-height:28px;font-size:14px;width:700px;margin:10px auto;overflow: hidden;}
text-indent:2em; 解释,每一段文字的首行自动空出两个文字的缩进。注意,必须是硬回车不能是软回车,所谓硬回车源码实例如下: <p>第一段文字</p> <p>第二段文字</p>
软回车实例如下: 第一段文字<br />第二段文字
line-height:28px; 解释,行高设置为28像素,支持百分比,比如180%;
font-size:14px; 解释,文章字体大小设置,支持像素(PX) 字号(PT)等单位,常用像素。
width:700px; 解释,宽度,700像素,根据你的实际情况调整。
margin:10px auto; 解释,距离上下各10像素,左右为居中。
overflow: hidden; 解释,超过宽度溢出部分隐藏。
附带一个CSS样式:
#article_content img {width: expression(this.width > 680 ? 680: true); max-width:680px;}
解释,在文章中所有的图片如果图片宽度超过680像素则缩小到680像素,如果小于680像素,则按照原大小显示。这个样式用于防止图片过大造成溢出,溢出隐藏会有部分显示不出来。因此需要这个样式。
希望楼主和提问者多学习DIV+CSS,如果学习DIV+CSS有困难可以参考 TABLE+CSS
最后,请不要在官方自带模板的基础上修改,修改别人的模板不如自己重新做一个模板!除非你确定你很了解官方的模板。即便是本人,都是从来不看官方的模板的。
如果看不懂我的回帖,我只能说我也没办法了。 |
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
magicseason 发表于:2008/7/30 10:04:00 | 只看该作者 查看该作者主题
10楼
|
|
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |