0

我有一个用于制作 jquery 菜单栏的 css 脚本..我希望它可以显示在左侧并且没有边框...所以..它只会显示一个菜单栏...我有一个文本徽标，我想把它在菜单栏下方...但实际上徽标位于菜单栏主体下方...如何更改它...？？

<head>
 <style type="text/css">
        * { margin:0 auto;
            padding:0;
            }
                html { background:#ffffff; }
                body{    margin:40px auto;
                         width:560px;
                         height:552px;
                         overflow:hidden;
                         background:#ffffff;
                        }
                div#menu {
                                margin:40px 0 0 95px;
                                position:left;
                                }
                div#copyright {
                                font:11px 'Trebuchet MS';
                                color:#fff;
                                text-align:center;
                                clear:left;
                                position:absolute;
                                top:546px;
                                width:560px;
                                }
                div#copyright a { color:#425B7B; }
                div#copyright a:hover { color:#fff; }
</style>
</head>
<body>
<p align="left"><img src="coollogo_com-30735352.gif" border="0"></p>
</body>
4

2 回答 2

0

在没有看到任何 HTML 标记的情况下，很难说出您想要做什么。要将 wood.jpg 用作身体背景，请使用background: #ffffff url(/images/wood.jpg); 在正文样式定义中代替背景：#ffffff

除此之外，这里有一些通用的指针：

  • 对于通配符样式（*），只需要margin: 0；
  • 为 html 和 body 添加背景颜色是多余的。你只需要它在身体上
  • 正文不需要任何边距，因为您已经使用通配符定义了它
  • 我建议不要使用 overflow: hidden 并为您的身体固定高度，除非这正是您想要的。任何长时间运行的内容都会被切断。考虑使用溢出：自动；
  • 样式“位置：左”无效。如果您希望#menu 的内容向左对齐，请使用 text-align: left 或将内容浮动到左侧并使用“clearer div”或溢出 auto 清除 div；
于 2010-07-15T05:09:13.210 回答
0 
<head>
 <style type="text/css">
        * { margin:0 auto;
            padding:0;
            }
                html { background:#ffffff; }
                body{    margin:0px;
                         width:1600px;
                         height:800px;
                         overflow:auto;
                         background-image:url("wood_texture2.jpg");
                        }
                div#menu {
                                margin:40px 0 0 95px;
                                position:absolute;
                                text-align:left;
                                }
                div#copyright {
                                font:11px 'Trebuchet MS';
                                color:#fff;
                                text-align:center;
                                clear:left;
                                position:absolute;
                                top:546px;
                                width:560px;
                                }
                div#copyright a { color:#425B7B; }
                div#copyright a:hover { color:#fff; }
</style>
</head>
<body>
<p align="left"><img src="coollogo_com-30735352.gif" border="0"></p>
</body>
于 2010-07-15T08:01:48.517 回答