Question

我有一个make 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>

Answer 1

如果没有看到任何HTML标记，很难说出你想要做什么。要使用wood.jpg作为您的身体背景，请在体型定义中使用 背景：#ffffff url（/images/wood.jpg）; 代替背景：＃ FFFFFF

除此之外，这里有一些一般性的指示：

对于通配符样式（*），您只需要margin：0;
为html和body添加背景颜色是多余的。你只需要它身上
由于您已使用通配符
我建议不要使用溢出：隐藏在身体的固定高度，除非这正是你想要的。任何长时间运行的内容都会被切断。考虑使用overflow：auto;
样式“position：left”无效。如果您希望#menu的内容与左侧对齐，请使用text-align：left或将内容浮动到左侧并使用“clearer div”或overflow auto;清除div;

Answer 2

<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>

编辑菜单栏的css脚本

2 个答案: