Javascript 链接将使相邻的标志

Javascript 链接将使相邻的标志,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何使链接与图像徽标相邻。。。。 我正在努力使它在同一行。。。。 我给了浮动左,但它不工作。。。。 在下面提供我的代码 尝试将图像放在锚点之前,并将图像向左浮动。您还需要在下一个li上清除浮动,或者在li上使用clearfix-like overflow:hidden。当然,还要解决多id问题。除非有足够的空间水平放置ul,否则ul不会漂浮在徽标旁边。因此,如果你把窗口弄得太小,它最终还是会被标在商标下。减小导航中a标签的字体大小将使其适合较小的屏幕。徽标在哪里,您

如何使链接与图像徽标相邻。。。。 我正在努力使它在同一行。。。。 我给了浮动左,但它不工作。。。。 在下面提供我的代码


  • 尝试将图像放在锚点之前,并将图像向左浮动。您还需要在下一个li上清除浮动,或者在li上使用clearfix-like overflow:hidden。当然,还要解决多id问题。

    除非有足够的空间水平放置ul,否则ul不会漂浮在徽标旁边。因此,如果你把窗口弄得太小,它最终还是会被标在商标下。减小导航中a标签的字体大小将使其适合较小的屏幕。

    徽标在哪里,您知道您应该只使用一次id。如果您还没有弄清楚如何链接到外部资源,则不认为这是一个问题。如果您的问题是关于屏幕最大化的情况,我认为问题在于您的
    容器
    是一个固定的940px,
    导航
    宽度太大,无法与徽标放在同一条线上。它将换行到下一行。
    <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>