Question

我有一个基本的顶级导航区域：

ul#topNav { margin:0; list-style-type:none; width:400px; font-weight:bold; padding:0; float:left; }
ul#topNav li { display: inline; padding:0 3px; margin:0; float:left; }
ul#topNav li a, ul#topNav li a:link, ul#topNav li a:active { text-decoration: none; padding:0; margin:0; font-size:11px; }

HTML如下：

<ul id="topNav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Community</a></li>

    <%if session("id") <> "" then %>
        <li><%response.Write(HomeTopMenuWelcomeMessage) %></li>
        <li><a href="#">Log Out</a></li>
    <%end if %>

        <li><a href="#"><img src="/_images/fb-icon.jpg" alt="facebook icon" /></a></li>
        <li><a href="#"><img src="/_images/tw-icon.jpg" alt="twitter icon" /></a></li>

    </ul>

并且对于我的生活，我无法让社交媒体图像与列表项的其余部分保持一致...我已经尝试明确地将它们正确地浮动，显示：块...没有... < / p>

我错过了什么吗？

我知道IE6很糟糕，但它确实与其他页面以及它们布局的方式相关...

感谢

Answer 1

你能把它放在小提琴里吗？使社区能够实际调试您的问题变得切合实际。我的第一个猜测是扩大ul＃topNav的宽度。不需要将li项目向左浮动并显示内联，只需内联即可。

IE6 <li>图像下推到下一行</li>

1 个答案: