HTML-表格中的额外空间。。。调试_Html_Css

HTML-表格中的额外空间。。。调试

html css

HTML-表格中的额外空间。。。调试,html,css,Html,Css,看看这张图片看到白色在灰色的下面它不应该在那里给我找个治疗方法 <table border="0" cellpadding="0" cellspacing="0" height="30"> <tr> <td> <div class="mainmenu"> <ul> <li class=

看看这张图片

看到白色在灰色的下面它不应该在那里给我找个治疗方法

<table border="0" cellpadding="0" cellspacing="0" height="30">
<tr>
    <td>
    <div class="mainmenu">
    <ul>
          <li class="li_nc"><a href="/" target="_self" >HOME</a></li>
          <li class="li_hc"><a href="#"  >PROGRAMS</a><ul class="ul_ch">
             <li class="li_hc"><a href="#"  >Engineering</a><ul class="ul_ch">
                <li class="li_nc"><a href="#"  >BEE ( Electronics 4 Years )</a></li>
                <li class="li_nc"><a href="#"  >BEE ( Tele Comm. 4 Years )</a></li>
                <li class="li_nc"><a href="#"  >BSE ( Software 4 Years )</a></li>
                <li class="li_nc"><a href="#"  >BCE (Computer 4 Years)</a></li>
             </ul></li>
             <li class="li_hc"><a href="#"  >Management Sciences</a><ul class="ul_ch">
                <li class="li_nc"><a href="#"  >BBA ( Years )</a></li>
                <li class="li_nc"><a href="#"  >MBA ( 3 Years )</a></li>
                <li class="li_nc"><a href="#"  >MBA ( 2 1/2 Years )</a></li>
                <li class="li_nc"><a href="#"  >MBA ( 1 1/2 Years )</a></li>
                <li class="li_nc"><a href="#"  >MBA ( Weekend )</a></li>
                <li class="li_nc"><a href="#"  >MBA ( Pharma )</a></li>
                <li class="li_nc"><a href="#"  >Ph.D Management</a></li>
             </ul></li>
             <li class="li_hc"><a href="#"  >Earth & Environmental Sciences</a><ul class="ul_ch">
                <li class="li_nc"><a href="#"  >BS ( Geology\Geophysics )</a></li>
                <li class="li_nc"><a href="#"  >MS  ( Geology\Geophysics )</a></li>
                <li class="li_nc"><a href="#"  >MS ( Environmental Policy & Management )</a></li>
                <li class="li_nc"><a href="#"  >MS & Ph.D ( Environmental )</a></li>
             </ul></li>
             <li class="li_hc"><a href="#"  >Professional Psychology</a><ul class="ul_ch">
                <li class="li_nc"><a href="#"  >BS ( 4 Years )</a></li>
                <li class="li_nc"><a href="#"  >PMD ( 1 Year )</a></li>
                <li class="li_nc"><a href="#"  >M. Phil ( 1-2 Years )</a></li>
                <li class="li_nc"><a href="#"  >Ph.D ( 2-3 Years )</a></li>
             </ul></li>
             <li class="li_hc"><a href="#"  >Marine & Maritime Sciences</a><ul class="ul_ch">
                <li class="li_nc"><a href="#"  >MBA ( 1-5 Years )</a></li>
                <li class="li_nc"><a href="#"  >MBA ( Maritime 2-5 Years )</a></li>
                <li class="li_nc"><a href="#"  >MBA ( Maritime 3 Years )</a></li>
                <li class="li_nc"><a href="#"  >MSC ( Geophysics 2 Years )</a></li>
             </ul></li>
             <li class="li_nc"><a href="#"  >Graduate & Applie Sciences</a></li>
             <li class="li_hc"><a href="#"  >Humanities & Social Sciences</a><ul class="ul_ch">
                <li class="li_nc"><a href="#"  >BSS ( 4 Years )</a></li>
             </ul></li>
             <li class="li_hc"><a href="#"  >Medical & Dental Sciences</a><ul class="ul_ch">
                <li class="li_nc"><a href="#"  >MBBS ( 5 Years )</a></li>
             </ul></li>
             <li class="li_hc"><a href="#"  >Legal Studies</a><ul class="ul_ch">
                <li class="li_nc"><a href="#"  >LLB ( 5 Years )</a></li>
             </ul></li>
          </ul></li>
          <li class="li_hc"><a href="#"  >ADMISSIONS</a><ul class="ul_ch">
             <li class="li_nc"><a href="#"  >General Info</a></li>
             <li class="li_nc"><a href="#"  >Eligibility</a></li>
             <li class="li_nc"><a href="#"  >Admissions Procedure</a></li>
             <li class="li_nc"><a href="#"  >Freshmen Orientation</a></li>
             <li class="li_nc"><a href="#"  >How To Apply ?</a></li>
             <li class="li_nc"><a href="#"  >Prospectus</a></li>
          </ul></li>
          <li class="li_hc"><a href="#"  >ACADEMICS</a><ul class="ul_ch">
             <li class="li_nc"><a href="#"  >Semester System</a></li>
             <li class="li_nc"><a href="#"  >Examination System</a></li>
             <li class="li_nc"><a href="#"  >Course\Syllabus</a></li>
             <li class="li_nc"><a href="#"  >Faculty Evaluation</a></li>
             <li class="li_nc"><a href="#"  >Rules & Regulations</a></li>
             <li class="li_nc"><a href="#"  >Degree Recognition</a></li>
          </ul></li>
          <li class="li_hc"><a href="#"  >FACILITIES</a><ul class="ul_ch">
             <li class="li_nc"><a href="#"  >Student Support Facilities</a></li>
             <li class="li_nc"><a href="#"  >Laboratories</a></li>
             <li class="li_nc"><a href="#"  >Computer Laboratories</a></li>
             <li class="li_nc"><a href="#"  >Audio & Visual Facilities</a></li>
             <li class="li_nc"><a href="#"  >Medical Services</a></li>
             <li class="li_nc"><a href="#"  >Security Services</a></li>
             <li class="li_nc"><a href="#"  >Sports Facilities</a></li>
             <li class="li_nc"><a href="#"  >Study & Excursion Trips</a></li>
             <li class="li_nc"><a href="#"  >Cafeterias & Dinning</a></li>
          </ul></li>
          <li class="li_hc"><a href="#"  >FACULTY</a><ul class="ul_ch">
             <li class="li_nc"><a href="#"  >Islamabad Campus</a></li>
             <li class="li_nc"><a href="#"  >Karachi Campus</a></li>
          </ul></li>
          <li class="li_hc"><a href="#"  >ABOUT</a><ul class="ul_ch">
             <li class="li_nc"><a href="#"  >History</a></li>
             <li class="li_nc"><a href="#"  >Board Of Governers</a></li>
             <li class="li_nc"><a href="#"  >Constituent Units</a></li>
             <li class="li_nc"><a href="#"  >Affiliated Units</a></li>
          </ul></li>
          <li class="li_nc"><a href="#"  >CONTACT US</a></li>
          <li class="li_nc"><a href="#"  >VIRTUAL TOUR</a></li>
    </ul>
    </div>
    </td>
</tr>
</table>

这是一个CSS菜单，我从一个名为CSS菜单生成器的工具中生成。。。我已经张贴了完整的CSS和HTML请解决

注意：解决方案不得删除上图中显示的菜单格式。首先，插入结束语
其次，IE尤其存在“隐藏”空白的问题；因此，请将内容放在一行上，看看这是否解决了问题，然后根据需要重新制表：

<table border="01" cellpadding="0" cellspacing="0" height="30"> <tr> <td> <div class="mainmenu"> <ul><li></li></ul> </div> </td>

很难说在没有Firebug检查功能的情况下发生了什么，但是查看和发送的代码：

.mainmenu ul { ..snip.. margin: 0 0 1em 0; ..snip.. }
此规则在底部应用1em边距，将其更改为：
margin:0
，您应该可以

下次请修改您的问题，而不是添加关于您问题的更多信息的答案。这不是一个论坛
你的桌子高度设置为30，有什么原因吗？我看不到图像，但我知道怎么了。验证
元素没有导致额外空白的填充、边距或高度规格。这是因为它是我的页面的一部分，desugn这么说，但您看到的图像的高度是否为40 appx。。。但这不是问题所在，请发布一个更大的html页面。我们看不到你的灰色矩形下面有什么。很明显，下面是白色的，因为那里是内容停止的地方。哪一部分是灰色的？是div、ul、td还是桌子？我们需要更多的代码。我已经发布了代码作为我自己问题的答案，请参见下面。另外，您已经将表格的边框设置为1，表格的高度设置为30。也许这就是问题所在？我相信丢失
这只是一个复制粘贴问题。@Rochal:检查你的声誉来衡量我的声誉appreciation@Rochal：1997至2211。。。我想我为你赢得了莫塔博德徽章today@Moon . - 好啊谢谢我很感激，但不要再这样做了。声誉被用来衡量我们答案的专业性，通过伪造（投票）随机问题，你没有帮助任何人。@Rochal:你能帮我一下这个代码吗。。这是一个CSS菜单代码。。。现在我想添加分隔符。。。我有一张1x35的图片作为分隔符，我知道CSS将作为背景：#333333 url（“images/hover.gif”）右下角不重复；但我不知道该把它放在哪里。。。这是一个工具生成的代码，我无法理解it@Moon，你应该认真遵守规则。如果你有新的问题——只要把它当作新帖子来问，有人会帮你的。顺便说一句，你给我的所有假名声都被自动收回了。因此，为了未来，按规则行事。
.mainmenu ul { ..snip.. margin: 0 0 1em 0; ..snip.. }