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