三级导航下拉菜单 在线等_html/css_WEB-ITnose

网上下了一个三级导航菜单，但是有点小问题，下拉的菜单高度怎么变小，高度一改变，导航上的高度也变了，如下图所示，想把下拉菜单的高度变小点，导航菜单高度不变，求高手解决！谢谢


nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

 nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
 
 
 
 
 
 
 

 

 

•  网站首页 
   
  
   
  
  • zero dollars
   
  
  • wrapping text
   
  
  • styled form
   
  
  • active focus
   
  
  • HOVER/CLICK > 
     
    
     
    
    • styled form
     
    
    • active focus
     
    
    • hover/click
     
    
     
     
    
   
  
  • shadow boxing
   
  
  • image map
   
  
  • fun backgrounds
   
  
  • fade scrolling
   
  
  • em sized images
   
  
   
   
  
 

• 关于我们 
   
  
   
  
  • spies menu
   
  
  • vertical menu
   
  
  • enlarging list
   
  
  • link images
   
  
  • non-rectangular
   
  
  • jigsaw links
   
  
  • circular links
   
  
   
   
  
 

• 涂层检测 
   
  
   
  
  • drop down menu
   
  
  • cascading menu
   
  
  • content:
   
  
  • mozzie box
   
  
  • rainbow box
   
  
  • snooker cue
   
  
  • target practise
   
  
  • two tone headings
   
  
  • shadow text
   
  
   
   
  
 

• 实验室检测 
   
  
   
  
  • example one
   
  
  • weft fonts
   
  
  • vertical align
   
  
   
   
  
 

• 工业检测 
   
  
   
  
  • example one
   
  
  • weft fonts
   
  
  • vertical align
   
  
   
   
  
 

• 环境检测 
   
  
   
  
  • example one
   
  
  • weft fonts
   
  
  • vertical align
   
  
   
   
  
 

• 订单跟踪  
   
  
   
  
  • opaque colours
   
  
  • opaque menu
   
  
  • partial opacity
   
  
  • partial opacity II
   
  
  •  
     
    
     
    
    • styled form
     
    
    • active focus
     
    
    • hover/click
     
    
     
     
    
   
  
   
   
  
 

 

 
 
 

回复讨论(解决方案)

给li增加样式

怎么增加呢，加在哪里

给li增加样式

 具体的你要自己调

大小改好后，字体不能居中，一直靠近最底端，设置了好几个属性也不行

 具体的你要自己调

大小改好后，字体不能居中，一直靠近最底端，设置了好几个属性也不行

 具体的你要自己调
line-height:15px;

这样是不可以的

怎么都 没人那

line-height: 150%

修改之前要弄清楚三级菜单之间的关系，原来的是在父级a标签里定义高度、行间距了，下面的二、三级菜单就自动继承了。
解决办法就是：不要在父级定义，分别在各子级定义。

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; font-size:11px; overflow:hidden;} .menu ul li {float:left; margin-right:1px; position:relative; line-height:40px;} /*一级菜单项*/.menu ul li:hover ul li { line-height:30px;}/*二级菜单项*/.menu ul li:hover ul li ul li{ line-height:30px;}/*三级菜单项*/