61,112
社区成员
发帖
与我相关
我的任务
分享为什么导航栏和Banner之间有间系？在IE7中？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body{
background-color:#2286c6;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;padding:0px;
}
#container{
position:relative;
text-align:left;
width:780px;
margin:0px auto 0px auto;
}
#banner{
margin:0px;
padding:0px;}
div br{
display:none;
}
#globallink{
margin:0px;padding:0px;
}
#globallink ul{
list-style:none;
padding:0px;margin:0px;
}
#globallink li{
float:left;
text-align:center;
width:78px;
}
#globallink a{
display:block;
padding:9px 6px 11px 6px;
background:url(button1.jpg) no-repeat;
margin:0px;
/*text-decoration:underline;*/
text-decoration:underline;
}
#globallink a:link, #globallink a:visited{
color:#004a87;
text-decoration:underline;
}
#globallink a:hover{
color:#FFFFFF;
text-decoration:underline;
background:url(button1_bg.jpg) no-repeat;
}
</style>
</head>
<div id="container">
<div id="banner">
<img src="banner.jpg"/>
<div id="globallink">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">公司简介</a></li>
<li><a href="#">生产设备</a></li>
<li><a href="#">产品展厅</a></li>
<li><a href="#">我要留言</a></li>
<li><a href="#">相关文章</a></li>
<li><a href="#">联系我们</a></li>
<br>
</ul>
</div>
</div>
<div></div>
<div></div>
<div></div>
</div>
<body>
</body>
</html>
以上代码为什么导航栏和Banner之间有间系？在IE7中？
红色标出的代码什么意思？
为何去不掉导航栏中链接的下划线？
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body{
background-color:#2286c6;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;padding:0px;
}
#container{
position:relative;
text-align:left;
width:780px;
margin:0px auto 0px auto;
}
#banner{
margin:0px;
padding:0px;}
div br{
display:none;
}
#globallink{
margin:0px;padding:0px;
}
#globallink ul{
list-style:none;
padding:0px;margin:0px;
}
#globallink li{
float:left;
text-align:center;
width:78px;
}
#globallink a{
display:block;
padding:9px 6px 11px 6px;
background:url(button1.jpg) no-repeat;
margin:0px;
/*text-decoration:underline;*/
text-decoration:underline;
}
#globallink a:link, #globallink a:visited{
color:#004a87;
text-decoration:underline;
}
#globallink a:hover{
color:#FFFFFF;
text-decoration:underline;
background:url(button1_bg.jpg) no-repeat;
}
</style>
</head>
<div id="container">
<div id="banner">
<img src="banner.jpg"/>
<div id="globallink">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">公司简介</a></li>
<li><a href="#">生产设备</a></li>
<li><a href="#">产品展厅</a></li>
<li><a href="#">我要留言</a></li>
<li><a href="#">相关文章</a></li>
<li><a href="#">联系我们</a></li>
<br>
</ul>
</div>
</div>
<div></div>
<div></div>
<div></div>
</div>
<body>
</body>
</html>
以上代码为什么导航栏和Banner之间有间系？在IE7中？
红色标出的代码什么意思？
为何去不掉导航栏中链接的下划线？
...全文
请发表友善的回复…
发表回复
夜雨_Jason 2009-12-07
- 打赏
- 举报
#banner img{display:block}
zhengshuang87 2009-12-07
- 打赏
- 举报
<style>
body{
background-color:#2286c6;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;padding:0px;
}
#container{
position:relative;
text-align:left;
width:780px;
margin:0px auto 0px auto;
}
#banner{
margin:0px;
padding:0px;}
div br{
display:none; 这个位置是不显示
}
#globallink{
margin:0px;padding:0px;
}
#globallink ul{
list-style:none;
padding:0px;margin:0px;
}
#globallink li{
float:left;
text-align:center;
width:78px;
}
#globallink a{
display:block;
padding:9px 6px 11px 6px; 这个位置是间隙所在
background:url(button1.jpg) no-repeat;
margin:0px;
/*text-decoration:underline;*/
text-decoration:underline;这个位置改成text-decoration:none; 是去掉链接下划线
}
#globallink a:link, #globallink a:visited{
color:#004a87;
text-decoration:underline;
}
#globallink a:hover{
color:#FFFFFF;
text-decoration:underline;
background:url(button1_bg.jpg) no-repeat;
}
</style>
body{
background-color:#2286c6;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;padding:0px;
}
#container{
position:relative;
text-align:left;
width:780px;
margin:0px auto 0px auto;
}
#banner{
margin:0px;
padding:0px;}
div br{
display:none; 这个位置是不显示
}
#globallink{
margin:0px;padding:0px;
}
#globallink ul{
list-style:none;
padding:0px;margin:0px;
}
#globallink li{
float:left;
text-align:center;
width:78px;
}
#globallink a{
display:block;
padding:9px 6px 11px 6px; 这个位置是间隙所在
background:url(button1.jpg) no-repeat;
margin:0px;
/*text-decoration:underline;*/
text-decoration:underline;这个位置改成text-decoration:none; 是去掉链接下划线
}
#globallink a:link, #globallink a:visited{
color:#004a87;
text-decoration:underline;
}
#globallink a:hover{
color:#FFFFFF;
text-decoration:underline;
background:url(button1_bg.jpg) no-repeat;
}
</style>
xuexijava 2009-12-07
- 打赏
- 举报
3Q
