标签 "html" 下的文章

width:192px; height:55px; margin-top:100px; background:url(images/anniu01.gif) no-repeat left bottom;

要将上面的改成

width:192px; height:155px; background:url(images/anniu01.gif) no-repeat left 50px;

2.尽量用padding-top:,少用margin-top

 

今天总算升级到IE8了,感觉CSS的写法要想同时适应IE6、IE7、IE8、FireFox,有以下几个基本的窍门。

1、使用float后必须clear,否则IE8显示错误。

2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定义margin:0和padding:0,否则各种浏览器显示有误差。

3、line-height值最好是偶数,奇数显示有误差。

4、input 的text和password两种形式在IE8不定义字体(宋体)下长度高度不一样,可将input定义为font-family:Arial。

5、如果想在标题前后加小图标,最好不要直接用img,用img的话IE6行间距会缩小,应该用<li>加背景的形式。

...今天暂时只发现这几点,更多的以后继续总结。

实在不行再用分开定义的办法:

div {
margin:0; /* 给全部浏览器看 */
*margin:10px; /* 给IE6、IE7看 */
_margin:20px; /* 只给IE6看 */
}

附:基本CSS样式表

<style type="text/css">
body {
margin:0;
font-size:9pt;
line-height:18px;
}

h1,h2,h3,ul,li,dl,dt,dd,p {
margin:0;
padding:0;
}

ul {
list-style:none;
}

form {
margin:0;
}

input,textarea,select {
font-family:Arial;
font-size:9pt;
}

.clear {
clear:both;
}
</style>

用到li标签,要自动宽度,因为无法预计里面的text的长度,如果固定宽度,又浪费很多空白。
但是死活就是出错,英文没问题,中文就不行:

<!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=utf-8" />
<title>无标题文档</title>
<style>
.link-m1{
width:400px;
}
.link-m1 ul li{
float:left;
margin:2px 5px;
list-style:none;
display:block;
}
</style>
</head>
<body>
<div class="link-m1">
<ul>
<li>武汉晚报</li><li>汽车大世界</li><li>武汉晨报</li><li>车主之友</li><li>湖北日报</li><li>楚天金报</li><li>荆楚网</li><li>长江商报</li><li>武汉晚报</li><li>汽车大世界</li><li>武汉晨报</li><li>车主之友</li><li>湖北日报</li><li>楚天金报</li><li>荆楚网</li><li>长江商报</li>
</ul>
</div>
</body>
</html>

显示效果:

搞了足足1个小时。
靠,最后在百度中找到了,很简单,在LI标签中加这个样式即可:white-space: nowrap;

.link-m1 ul li{
float:left;
margin:2px 5px;
list-style:none;
display:block; 
white-space: nowrap;
}

问题解决。

在内容模板里加上{$username},编辑内容或添加内容时生成的页面中没有$username字段值,批量生成时有。

1.phpcms\modules\content\templates\content_add.tpl.php
找到代码:

<form name="myform" id="myform" action="?m=content&c=content&a=add" method="post" enctype="multipart/form-data">

以下的代码添加在上面这段代码的后面,添加的位置,大概在90-93行之间;

添加在下面的代码上面,方便阅读:

<input type="hidden" name="info[username]" value="<?php echo $admin_username?>" />

添加后变成:

<input type="hidden" name="info[username]" value="<?php echo $admin_username?>" />
<div class="button"><input value="<?php echo L('save_close');?>" type="submit" name="dosubmit" class="cu" style="width:145px;" onclick="refersh_window()"></div>

2.phpcms\modules\content\templates\content_edit.tpl.php
找到代码:

<form name="myform" id="myform" action="?m=content&c=content&a=edit" method="post" enctype="multipart/form-data">

以下的代码添加在上面这段代码的后面,添加的位置,大概在90-93行之间;

添加在下面的代码上面,方便阅读:

<input value="<?php echo $data['username']?>" type="hidden" name="info[username]" />

添加后变成这样:

<input value="<?php echo $data['username']?>" type="hidden" name="info[username]" />
<input value="<?php if($r['upgrade']) echo $r['url'];?>" type="hidden" name="upgrade">