Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 编辑菜单栏的css脚本_Jquery_Css_Menubar - Fatal编程技术网

Jquery 编辑菜单栏的css脚本

Jquery 编辑菜单栏的css脚本,jquery,css,menubar,Jquery,Css,Menubar,我有一个制作jquery菜单栏的css脚本。。 我希望它可以显示在左上角,没有边框。。。 所以…它只会显示一个菜单栏。。。 我有一个文字标志,我想把它放在菜单栏下面。。。 但实际上,该标志位于菜单栏主体下方。。。 如何改变它 <head> <style type="text/css"> * { margin:0 auto; padding:0; } html { backgr

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

*{边距:0自动;
填充:0;
}
html{background:#ffffff;}
正文{页边距:40px自动;
宽度:560px;
高度:552px;
溢出:隐藏;
背景:#ffffff;
}
div#菜单{
利润率:40px095px;
位置:左;
}
div#版权所有{
字体:11px‘投石机MS’;
颜色:#fff;
文本对齐:居中;
清除:左;
位置:绝对位置;
顶部:546px;
宽度:560px;
}
版权所有a{color:#425B7B;}
div#版权a:hover{color:#fff;}


如果看不到任何HTML标记,很难判断您正在尝试做什么。要使用wood.jpg作为身体背景,请使用background:#ffffffurl(/images/wood.jpg)在主体样式定义中代替背景:#ffffff

除此之外,还有一些一般性的建议:

  • 对于通配符样式(*),您只需要边距:0
  • 在html和正文中添加背景色是多余的。你只需要穿在身上
  • 你们不需要在正文上留任何空白,因为你们已经用通配符定义了它
  • 我建议不要使用溢出:为你的身体隐藏一个固定的高度,除非这正是你想要的。任何长时间运行的内容都将被切断。考虑使用溢出:Auto.<李>
  • “位置:左”样式无效。如果希望#菜单的内容向左对齐,请使用文本对齐:左或将内容向左浮动,并使用“clear div”或溢出自动清除div

*{边距:0自动;
填充:0;
}
html{background:#ffffff;}
正文{页边距:0px;
宽度:1600px;
高度:800px;
溢出:自动;
背景图片:url(“wood_texture2.jpg”);
}
div#菜单{
利润率:40px095px;
位置:绝对位置;
文本对齐:左对齐;
}
div#版权所有{
字体:11px‘投石机MS’;
颜色:#fff;
文本对齐:居中;
清除:左;
位置:绝对位置;
顶部:546px;
宽度:560px;
}
版权所有a{color:#425B7B;}
div#版权a:hover{color:#fff;}

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