设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 109|回复: 4
打印 上一主题 下一主题

请高手指教?

[复制链接]
跳转到指定楼层
1#
发表于 2009-9-15 01:13:27 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
我是看了DIV+CSS排版教程之后,自己排的,头部排好了,可内容直犯迷糊乱七八糟的,以下是代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>胡一刀</title>
<style type="text/css">
<!--
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-top: 0px;
        margin:0px;   
        height: auto;
    width: 778px;
        margin-right:50px;
        margin-left:150px;
        
}
#header {
            
         height: auto;
     width: 778px;
}
#header a {
    color: #000000;
    text-decoration: none;
}
#header a:hover {
    color: #FF0000;
    text-decoration: underline;
}
#nav {
    height: 30px;
    width: 778px;
    list-style-type: none;
    font-size: 14px;
}
#nav li {
    float: left;
}
#nav li a {
    color: #FFFFFF;
    text-decoration: none;
    height: 30px;
    width: 94px;
    margin-left: 2px;
    padding-top: 5px;
    background-color: #0000CC;
    text-align: center;
    display: block;
    margin-top: 2px;
}
#nav li a:hover {
    color: #000000;
    background-color: #FF0000;
}
#main {
    font-size: 12px;
    height: auto;
    width: 778px;
}
.yh {
    height: auto;
    border: 225px solid #666666;
    list-style-type: circle;
}
-->
</style>
</head>

<body>
<p><a href="#"><img src="http://www.1106.com.cn/Images/images0604/icon_dx.gif" width="50" height="20" border="0"></a>
    <a href="#"><img src="http://www.1106.com.cn/Images/images0604/icon_wt.gif" width="50" height="20" border="0"></a>
    <font color="#FF0000">欢迎使用本充值系统,如有问题,请直接与我们联系,谢谢!</font> <span id="header"><a href="#">设为首页</a> <a href="#">加入收藏</a></span></p>
<p><a href="#"><img src="http://www.1106.com.cn/Picture/20073169155339577.GIF" width="160" height="60" border="0"></a> <img src="http://www.1106.com.cn/Picture/200851916233434929.GIF" width="480" height="60"></p>
<ul id="nav">
  <li><a href="#">首页</a></li>
  <li><a href="#">用户注册</a></li>
  <li><a href="#">帐号充值</a></li>
  <li><a href="#">购买点卡</a></li>
  <li><a href="#">购卡记录</a></li>
  <li><a href="#">取卡记录</a></li>
  <li><a href="#">帐务记录</a></li>
</ul>
<img src="http://www.1106.com.cn/Images/images0604/bar_gg.gif" width="225" height="46">
<ul class="yh">
<li><a href="#">平台数据清理公告</a>[4-7]</li>
<li><a href="#">放假通知</a>[4-7]</li>
<li><a href="#">网易50点即将停售</a>[4-7]</li>
<li><a href="#">硬件绑定的安全须知</a>[4-7]</li>
<li><a href="#">登录器的常见问题</a>[4-7]</li>
<li><a href="#">QQ化夏你下了吗?</a>[4-7]</li>
<li><a href="#">QQ华夏永久公测,豪礼不断</a>[4-7]</li>
<li><a href="#">征途时间版充值说明</a>[4-7]</li>
<li><a href="#">登录器使用流程</a>[4-7]</li>
<li><a href="#">登录器暂时无法使用!</a>[4-7]</li>
<li><a href="#">网站安全控件升级</a>[4-7]</li>
<li><a href="#">本公司职工孙磊现己离职</a>[4-7]</li>
</ul>
<img src="http://www.1106.com.cn/Images/images0604/bar_gg.gif" width="317" height="39">
<ul class="zj">
<li><a href="#">平台数据清理公告</a>[4-7]</li>
<li><a href="#">放假通知</a>[4-7]</li>
<li><a href="#">网易50点即将停售</a>[4-7]</li>
<li><a href="#">硬件绑定的安全须知</a>[4-7]</li>
<li><a href="#">登录器的常见问题</a>[4-7]</li>
<li><a href="#">QQ化夏你下了吗?</a>[4-7]</li>
<li><a href="#">QQ华夏永久公测,豪礼不断</a>[4-7]</li>
<li><a href="#">征途时间版充值说明</a>[4-7]</li>
<li><a href="#">登录器使用流程</a>[4-7]</li>
<li><a href="#">登录器暂时无法使用!</a>[4-7]</li>
<li><a href="#">网站安全控件升级</a>[4-7]</li>
<li><a href="#">本公司职工孙磊现己离职</a>[4-7]</li>
</ul>
<img src="http://www.1106.com.cn/Images/images0604/q_top.gif" width="215" height="46">
<ul class="cj">
<li><a href="#">经销商如何定义银行汇款</a>[4-7]</li>
<li><a href="#">如何在网页上或在登录器上</a>[4-7]</li>
<li><a href="#">直销商特殊个性化功能设置</a>[4-7]</li>
<li><a href="#">安全设置:绑IP登录。。</a>[4-7]</li>
<li><a href="#">安全设置:网卡绑定。。。</a>[4-7]</li>
<li><a href="#">安全设置:证书绑定。。。</a>[4-7]</li>
<li><a href="#">安全设置:随机登录密码</a>[4-7]</li>
<li><a href="#">安全设置:易售宝绑定</a>[4-7]</li>
<li><a href="#">如何创建员工销售帐号</a>[4-7]</li>
<li><a href="#">如何查询欠款/还款</a>[4-7]</li>
<li><a href="#">如何购买需要的点卡</a>[4-7]</li>
<li><a href="#">如何查询购买点卡充值记录</a>[4-7]</li>
<li><a href="#">取卡,零售,及利润记</a>[4-7]录</li>
<li><a href="#">如何查询款项出入记录</a>[4-7]</li>
<li><a href="#">如何使用在线支付。。。。</a>[4-7]</li>
<li><a href="#">经销商如何登录经销商系统</a>[4-7]</li>
<li><a href="#">如何转款给下级客户</a>[4-7]</li></ul>
</body>
</html>
我想好多变,都不知怎么让它横着排,希望好心大哥帮忙,谢谢
2#
发表于 2009-11-27 13:05:04 | 只看该作者
大Shi的话真如“大音希声扫阴翳”,犹如“拨开云雾见青天”,使我等网民看到了希望,看到了未来!
回复 支持 反对

使用道具 举报

3#
发表于 2010-2-20 08:05:06 | 只看该作者
@,@..哇~~` 走错地方啦~``
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-18 14:32 , Processed in 0.125358 second(s), 10 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表