CSS设计mods和旧IE6问题

-1

http://ci2.totalshopuk.com顶部导航在左边有分隔符，这意味着最后一个链接没有分隔符。我想要删除第一个divider或在结尾添加一个。CSS设计mods和旧IE6问题

我复制了.navmenuitem1样式并创建了一个新的.navmenuitemfirst1并删除了背景，但奇怪的是第一个链接放在了其余的一行上面！（即使是风格的直接副本也是如此）。

例子： -

<ul class="navmenu1"> 
    <li class="navmenuitemfirst1"><a href="/">Home</a></li> 
    <li class="navmenuitem1"><a href="/download">Download</a></li> 
    <li class="navmenuitem1"><a href="/about">About Us</a></li> 
    <li class="navmenuitem1"><a href="/faq">FAQ</a></li> 
    <li class="navmenuitem1"><a href="/newsletter">Newsletter</a></li> 
    <li class="navmenuitem1"><a href="/license">License</a></li> 
    <li class="navmenuitem1"><a href="/contact">Contact Us</a></li> 
</ul>

最后，在IE6没有背景图片的显示，我刚刚得到的颜色作为背景......不过在http://www.totalshopuk.com原始表的设计背景显示正确。

任何帮助非常感谢！

- 复制所有.navmenuitem风格固定分频器问题 -

.navmenuitemfirst,.navmenuitem { 
    display: inline; 
    margin: 0; 
    padding: 0; 
} 

.navmenuitemfirst a { 
    color: #FFF; 
    font-size: 16px; 
    padding-left: 30px; 
    padding-right: 30px; 
} 

.navmenuitem a { 
    background: url(../images/navdivider.png) no-repeat; 
    color: #FFF; 
    font-size: 16px; 
    padding-left: 30px; 
    padding-right: 30px; 
} 

.navmenuitemfirst a:hover,.navmenuitem a:hover { 
    color: #E64D29; 
}

来源

2011-11-02 TSUK

你可以让一个jsfiddle，所以我可以看到样式？ – Yisela

jsfiddle现在在这里创建 - http://jsfiddle.net/ibizara/9DTTd/ – TSUK

好了，回答你的第一个问题可以有与A做：

http://jsfiddle.net/9DTTd/1/

我创建了一个新的类.navmenuitemfirst1一个

您可能已经将刚刚新类，当背景风格在a（a是一个有背景的块）时。我看不到任何线条错误，但请检查并让我知道。这也可能回答关于背景的第二个问题，但我没有ie6来检查它：3

编辑：我后来注意到它为什么不工作，傻了我。该类需要也有内联属性：

.navmenuitem1,.navmenuitem2,.navmenuitemfirst1 { 
    display: inline; 
    margin: 0; 
    padding: 0; 
}

来源

2011-11-02 15:24:38 Yisela

谢谢，这就是我最初尝试，但首页链接放在其余的。通过复制“.navmenuitem”以及“.navmenuitem a”似乎已经解决了问题，而不是最好的，但如果其他人有任何其他解决方案？！ – TSUK

现在@TSUK怎么样？：http://jsfiddle.net/9DTTd/2/ – Yisela

非常感谢！ – TSUK

Probaly的.navmenuitem1有一个位置：相对和float：左，.navmenuitemfirst1没有。正如utopicam所要求的那样，我们可以用它来检查css。

来源

2011-11-02 14:57:10 Augus

CSS设计mods和旧IE6问题

回答

相关问题