0

如何使链接与图像徽标相邻....我试图使其在同一行中....我给了浮动但它不工作....在下面提供我的代码

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>
4

2 回答 2

2

除非有足够的水平空间，否则 ul 不会漂浮在徽标旁边。因此，如果您将窗口设置得太小，它无论如何都会出现在徽标下方。减小导航中 a-tag 的字体大小将使其适合较小的屏幕。

于 2013-03-16T00:53:05.537 回答
0

尝试将图像放在锚点之前并将图像向左浮动。您还需要清除下一个 li 上的浮点数，或者在 li 上使用诸如 overflow:hidden 之类的 clearfix。当然，还要清理多个 id 问题。

于 2013-03-16T00:50:25.720 回答