Question

如何使链接与图像徽标相邻.... 我试图让它在同一行.... 我给了漂浮，但它没有工作...... 提供我的代码

http://jsfiddle.net/hYGwH/14/embedded/result/

<li>
                            <a href="/product.html" >
                                <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">
                                My Files
                            </a>
                        </li>
                        <li>
                            <a href="/solution.html">
                                <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Shared Files</a>
                            </li>
                        <li>
                            <a href="/service.html"> 
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Create Files</a></li>
                        <li class="iphonePartnerLink">
                            <a href="/partner.html">
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Simply Notes</a></li>
                        <li>
                            <a href="/contact.html"> 
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Forms</a></li>
                        <li>
                            <a href="/contact.html"> 
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">Drawing</a></li>
                        <li>
                            <a href="/contact.html"> 
                            <img alt="squareList" style="margin-right: 10px;" id="logo"   src="http://intra.defie.co/images/cube_inventory.png">
                                Presentation</a></li>

Answer 1

除非水平有足够的空间，否则ul不会漂浮在徽标旁边。因此，如果您使窗口太小，它最终会在徽标下面。减少导航中a标签的字体大小将使其适合较小的屏幕。

Answer 2

尝试将图像放在锚点之前并向左浮动图像。您还需要清除下一个li上的float或使用像overflow一样的clearfix：隐藏在li上。当然还要清理多重身份验证问题。

链接与徽标相邻

2 个答案: