1

“侧边栏” div 的背景颜色显示在我的dreamweaver 设计中,但在浏览器(chrome 或 IE)中打开时不显示,查看页面的链接:Dropbox Link。它是“排练”标题下的 div,CSS 代码中的#sidebar。任何帮助将不胜感激,谢谢。

HTML

<body bgcolor="#848484">

<div class="wholepage">
<div class="tophalf">
<div class="logoimg"></div>
<div class="namelogo"></div>
<div class="pic1"></div></div>



<div class="bottomhalf">

<div id="sidemenu"><h4>R E H E A R S A L S</h4></div>
<div class="pic2"></div>
<div id="menu">
  <ul>
<li><a href="home.html">home</a></li>
<li><a href="rehearsals.html">rehearsals</a></li>
<li><a href="recording.html">recording</a></li>
<li><a href="teaching.html">teaching</a></li>
<li><a href="equipment.html">equipment hire</a></li>
<li><a href="audio.html">audio specialists</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
  </div>

<div class="content"></div>
</div>
</div>

</body>
</html>

CSS

@charset "utf-8";
/* CSS Document */

div.wholepage{
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
div.tophalf{
    width:900px;
    height:236px;
    margin-left:auto;
    margin-right:auto;
}
div.logoimg{
    float:left;
    width:255px;
    height:236px;
    background-image:url(images/tree.gif)
}
div.namelogo{
    float:right;
    width:645px;
    height:110px;
    background-image:url(images/logo.gif)
    }

div.pic1{
    float:right;
    width:645px;
    height:126px;
    background-image:url(images/pic1.jpg)
}

div.bottomhalf{
    width:900px;
    height:700px;
}

#sidemenu{
    float:left;
    width:163px;
    height:698px;
    border:1px solid white;
    background-color:#black;
}

h4{

    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#white;

}
div.pic2{
    overflow:hidden;
    float:right;
    width:735px;
    height:125px;
    background-image:url(images/pic2.jpg);
}
#menu{
    float:right;
    width:733px;
    height:33px;
    background-color:black;
    border:1px solid white;
}
#menu p { 
    color:#FFF; 
    font-family:Arial,Helvetica,sans-serif;
    }

#menu ul
{
list-style-type:none;
margin:0;
padding:6px;
padding-left:20px;
padding-top:7px;
}
#menu li
{
display:inline;
}

#menu a:link,a:visited
{
color:#FFFFFF;
text-align:center;
text-decoration:none;
padding:13px;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
font-weight:bold;

}
#menu a:hover,a:active
{
background-color:#0099FF;
}


div.content{
    float:right;
    width:735px;
    height:540px;
    background-color:#F00;
}
4

3 回答 3

4

在#sidemenu 中更改此属性值:

background-color: #black;

使用此属性值:

background-color: black;

我希望这对你有帮助

于 2013-09-08T10:32:51.813 回答
0

虽然这可能不是问题blackwhite也不是十六进制单位,但如果你想要十六进制,这里是你需要的两个十六进制代码:

黑色的:

#000

或者

#000000

白色的:

#fff

或者

#ffffff
于 2013-09-08T10:39:18.997 回答
0

只需更换它,它就会正常工作。如果使用#,则需要十六进制代码

<style>
#sidemenu {
    border: 1px solid white;
    float: left;
    height: 698px;
    width: 163px;
    background:#000000;
}
</style>
于 2013-09-08T10:48:24.393 回答