为了账号安全,请及时绑定邮箱和手机立即绑定

新人,求教html css问题。。。。。。。。。。。。。。。。。。。。。。。。

新人,求教html css问题。。。。。。。。。。。。。。。。。。。。。。。。

慕码人0911192 2015-11-13 00:30:33
<title>firefox</title> <link href="firefox.css" rel="stylesheet" type="text/css" /> </head> <body> <!--头部 tip 部分 -->         <div id="tip">             <div class="left">                 <img src="firefox-logo.png" title="火狐" alt="firefox" id="logo" />                 <p><a href="#">                 <span>11月12日 周四</span> <strong>北京</strong> <span>霾9℃-6℃</span> <span>星族运势</span>                 <img src="tip-xiala.gif" class="xiala" />                 </a></p>             </div>              <div class="right">                 <ul>                     <li><a href="#">意见反馈</a></li>                     <li><a href="#">返回旧版</a></li>                     <li><a href="#">换肤<img src="tip-xiala.gif" class="xiala" /></a></li>                     <li><a href="#">设置<img src="tip-xiala.gif" class="xiala" /></a></li>                     <li><a href="#">访问记录<img src="tip-xiala.gif" class="xiala" /></a></li>                     <li><a href="#">登陆</a></li>                 </ul>             </div>             </div>                                             css部分:  body{ margin:0;} <!--tip部分--> #tip{ height:40px;background:url(tip-bg.gif) repeat-x; padding:0 10%; font-size:12px; line-height:30px;} #tip a{ text-decoration:none;} #tip a:hover{ color:#ff9500;} #tip. left a{ color:#edecf2; } #logo{float:left;} #tip .xiala{ margin-left:5px;} #tip .left p{ float:left; margin:0 14px;} #tip .left span{ margin-left:10px; } #tip .right{ height:30px; float:right; } #tip .right ul{ list-style: none; margin:0;} #tip .right li{ float:left; width:60px; text-align:center;} #tip .right a{color:#ffffff;}   之前看着还是好好的,我写下一部分布局的时候的时候在运行页面都没法看,求问下 这到底怎么回事?????   我把其他的都注释掉了(包括css),但还是不行,求教下 我哪儿错问题了?
查看完整描述

4 回答

?
野山椒鸡杂

TA贡献5条经验 获得超0个赞

body{ margin:0;}
<!--tip部分-->
#tip{ height:40px;background:url(tip-bg.gif) repeat-x; padding:0 10%; font-size:12px; line-height:30px;}
#tip a{ text-decoration:none;}
#tip a:hover{ color:#ff9500;}
#tip .left a{ color:#333; }
#logo{float:left;}
#tip .xiala{ margin-left:5px;}
#tip .left p{ float:left; margin:0 14px;}
#tip .left span{ margin-left:10px; }
#tip .right{ height:30px; float:right; }
#tip .right ul{ list-style: none; margin:0;}
#tip .right li{ float:left; width:60px; text-align:center;}
#tip .right a{color:#333;}

你复制我的试试,

查看完整回答
反对 回复 2015-11-13
  • 慕码人0911192
    慕码人0911192
    我好像查到错误在哪了 ,可能是bug吧 我用的DW 在外部样式表里用<!-- tip -->就会出现那个情况! 去掉就好了,,,
  • 野山椒鸡杂
    野山椒鸡杂
    好的。。
?
加入滚烫开水

TA贡献5条经验 获得超9个赞

#tip .right a{color:#ffffff;}

这句<a>是白色? #tip .right的背景也是白色?

查看完整回答
反对 回复 2015-11-13
  • 慕码人0911192
    慕码人0911192
    #tip .right a{color:#ffffff;}这句 a 默认状态是白色。 tip.right的背景 我设置在#tip理了background:url(tip-bg.gif) repeat-x;之前好好的, 但是不知道什么原因 现在显示不出来了,我仿做的 火狐 ,你也可以运行看看,有什么发现 请告诉我,谢谢哦。
?
echo_kinchao

TA贡献600条经验 获得超86个赞

  1. 您的标签不规范呢请注意

  2. 还是不规范的问题 很多地方缺胳膊

  3. 您的问题时候是您没有引用对照成的呢


查看完整回答
反对 回复 2015-11-13
  • 慕码人0911192
    慕码人0911192
    亲,你说的太笼统了,,, 能具体举几个例子 说说么? 或者你把那个标准发给我看看, 地址也行。灰常感谢!
?
野山椒鸡杂

TA贡献5条经验 获得超0个赞

你贴出来的代码里面没有head开始标签和</body>结束标签呃

根据你的描述,页面没法看有可能是css没显示出来,还有就是没有设置编码,你说的没法看是指乱码还是没有加载出来css的效果。如果乱码,在<head>标签里面加上<meta charset='utf-8'>

查看完整回答
反对 回复 2015-11-13
  • 慕码人0911192
    慕码人0911192
    1.代码head和body都是没问题的。 2.我是仿照火狐主页做的,你可以运行下对比看看,css是部分显示(比如 li都是左浮动的),部分无效!(padding,字体等等) -------------------------------我觉得问题在这,但想不出来为什么!? 3.设置了下meta 感觉不是<meta charset='utf-8'>的问题,现在用的是<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  • 4 回答
  • 0 关注
  • 1798 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信