在DW里面预览效果是正确的 用浏览器看就不行了 求解答!!

来源:3-2 企业网站制作之页面头部制作(一)

qq_熊熊

2015-02-03 11:44

为了验证下是连接上了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=utf-8" />
<title>无标题文档</title>
<link href="/css/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="top">
    <div class="top_content">
    <ul>
        <li>联系我们</li>
        <li>加入收藏</li>
        <li>设为首页</li>
    </ul>
    </div>
</div>
</body>
</html>


/* CSS Document */
*{margin:0px;
padding:0px;
 font-size:12px;}
 
 body{background-color:#999;}
 
.top {
    width: 100%;
    height: 27px;
    background: url(/images/top_bg.jpg)  repeat-x;
    float:left;
}
.top_content {
    width: 1000px;
    margin: 0 auto;
    line-height: 27px;
}
.top_content li {
    
    list-style-image: url(/images/arrow.jpg);
    width: 70px;
    float:right
}

54d0442700014f7405000194.jpg

54d0442800019e1005000266.jpg


写回答 关注

2回答

  • weibo_哆啦A梦爱甜筒_0
    2015-07-20 21:08:12
    已采纳

    在css中加入

    .top_content ul

    {

    float:left;}

    就可以了

    qq_熊熊

    非常感谢!

    2015-10-27 17:56:55

    共 1 条回复 >

  • 凯百万
    2015-02-03 13:01:07

    DW不准确   以浏览器为准

    weibo_...

    那这种情况是怎么回事?怎样才能在浏览器中正确显示呢?是代码错了?

    2015-07-20 21:02:13

    共 1 条回复 >

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题