html 子导航不显示,网站横向导航增加显示不出来_html/css_WEB-ITnose

最近帮朋友修改网站,因为是初学p+css，所以不知道添加导航标题以后为什么会不显示出来，好像被遮盖了一样。

在文件css.css中应该怎么样修改导航菜单属性和值。

希望会的朋友能给我一些提示，代码我随后就贴上~~

回复讨论(解决方案)

也许导航的外层 设置了 宽度限制。并且加了 overflow:hidden;

1。楼上说的 内容超过外层宽 超宽了 给隐藏了

2。新加入的跟原来的不再同一行 超高了 给隐藏了

3。新加入的内容被别的元素挡住了

用火狐firebug 看一看就知道了

最近帮朋友修改网站,因为是初学p+css，所以不知道添加导航标题以后为什么会不显示出来，好像被遮盖了一样。

在文件css.css中应该怎么样修改导航菜单属性和值。

希望会的朋友能给我一些提示，代码我随后就贴上~~

css 的代码如下 ：

body{

font-size:13px;

margin:0px;

padding:0px;

text-align:center;

color:#000;

background:#000;

font-family:Tahoma, Verdana; }

a:link,a:visited{color:#000;text-decoration:none;}

a:hover{color:red;text-decoration: none;}

p,img,ul,ol,dl,dt,dd {

border:0;

list-style:none;

overflow:hidden;

margin:0;

padding:0;

}

h1,h2,h3,h4,h5,h6 {

font-size:12px;

margin:0;

padding:0;

}

/*—清除浮动—*/

.clear {

clear:both;

height:0;

overflow:hidden;

}

.container{

width: 1050px;

margin:0 auto;

background-color: #CCC;

}

.header{

width: 1050px;

height: 197px;

background-color: #00F;

}

.hdtop{

width: 1050px;

height: 163px;

background: url(eshow/home_top.gif);

}

.topdh{

width: 1050px;

height: 40px;

background-color: #00F;

background-image: url(eshow/home_dh.gif);

}

.topdh li{

float:left;

margin-left:8px;

margin-top:10px;

list-style:none;

display:table-cell;

padding:0px 5px 0px 5px;}

.topdh a:link,.topdh a:visited{color:#000;text-decoration:none; font-weight:bold; font-size:13px;}

.topdh a:hover{color:#006600;text-decoration: none; font-weight:bold; font-size:13px;}

.list{

width:auto;

height:auto;

margin: 5px auto;

background-color: #666;

}

.ad000{width:790px; height:74px; margin-bottom:5px;}

.ls_z{

width: 250px;

height:806px;

float: left;

display: inline;

background: #F2F2F2;

}

.ls_y{

width: auto;

height: auto;

margin-left: 5px;

float: left;

display: inline;

}

.ls_dz{

width: 238px;

height:450px;

border:1px solid #DFDFDF;

background-color: #666;

margin-top: 5px;

margin-right: auto;

margin-bottom: 5px;

margin-left: auto;

}

.ls_dz h1,.ls_dz h2,.ls_dz h3{text-align:left; height:25px; line-height:1.8em; padding-left:10px; border-bottom:1px #dfdfdf solid;}

.ls_dz h3{ background:url(eshow/links.gif); padding-left:35px;}

.ls_ad{

width: auto;

height: 30px;

background-color: #999;

}

.ls_fc{

border:1px solid #DFDFDF;

width: auto;

height: 360px;

margin-top: 5px;

margin-right: auto;

margin-left: auto;

}

td{font-size:12px;}

.lswz{

width: 300px;

height: 350px;

margin-top: 2px;

float: left;

}

.lswz h4,.lswz h1{ height:25px;

width:265px;

text-align:left;

line-height:1.8em;

padding-left:35px;

background:url(eshow/dd_bg.gif);

}

.lswz ul{ text-align:left; padding:4px; border-top:1px solid #DFDFDF; margin-top:2px}

.lswz a{border-bottom:1px dashed #DFDFDF;}

.books{

width: 175px;

height: 350px;

margin-top: 2px;

}

.books h2{

height:25px;

width:535px;

text-align:left;

padding-left:35px;

line-height:1.8em;

background:url(eshow/books.gif);

}

.books ul{ text-align:left;}

.footer{

width: 1050px;

height: 100px;

background-color: #CCC;

margin-top: 0;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}

/**********************************************/

.main{

clear:both;

padding:8px;

text-align:center;

}

/*第一种形式*/

#tabs0,#tabs1 {

height: 260px;

width: 238px;

border: 1px solid #DFDFDF;

background:#fff;

margin-top:5px;

}

.menu0,.menu1{

width: 238px;

border-bottom: 1px solid #DFDFDF;

}

.menu0 li,.menu1 li{

display:block;

float: left;

padding: 4px 0;

width:80px;

text-align: center;

cursor:pointer;

background: #FFFFff;

border-right: 1px solid #DFDFDF;

}

.menu0 li.hover,.menu1 li.hover{

background: url(eshow/xuanbg.jpg);

color:#fff;

}

#main0 a,#main1 a{

border-bottom:1px #d4d4d4 dashed;

}

#main0 ul,#main1 ul{

display: none;

text-align:left;

line-height:1.4em;

}

#main0 ul.block,#main1 ul.block{

display: block;

}

/******************************************/

.biaoti{width:100%; height:auto;margin-top:5px; float:left}

.biaoti h2{height:25px; background:#F0F0F0; padding-top:5px; font-size:13px;}

.container .footer ul li p {

font-family: Georgia, Times New Roman, Times, serif;

}

HTML 代码呢

HTML 代码呢

HTML 代码呢

引用楼主 的回复:

最近帮朋友修改网站,因为是初学p+css，所以不知道添加导航标题以后为什么会不显示出来，好像被遮盖了一样。

在文件css.css中应该怎么样修改导航菜单属性和值。

希望会的朋友能给我一些提示，代码我随后就贴上~~

css 的代码如下 ：

body{

font-size:13px;

margin:0px;

padding:0px;

text……

html 代码：

XXX数字图书馆

/*第一种形式 第二种形式 更换显示样式*/

function setTab(m,n){

var tli=document.getElementById(“menu”+m).getElementsByTagName(“li”);

var mli=document.getElementById(“main”+m).getElementsByTagName(“ul”);

for(i=0;i

tli[i].className=i==n?”hover”:””;

mli[i].style.display=i==n?”block”:”none”;

}

}

//–>

body,td,th {

color: #F00;

}

a {

font-weight: bold;

}

清除浮动–>

读者服务

读者指南

新书通报

新书推荐

安宁旅游

安宁美食

友情连接