2014-03-13 178 views
0

我需要一些帮助。我有一个网站,我想做一些改变,但我不知道如何。我在这里阅读其他问题,但他们没有帮助。这是我的网站:http://www.bijuterii-din-inox.ro我的网站的全宽导航栏

我希望我的导航栏成为页面的整个宽度。你能帮我一把吗!?谢谢。

这是我的CSS:

#top_nav { 
    padding: 0 2px; 
} 

#top_nav ul { 
    display: block; 
    height: 43px; 
} 

#top_nav ul li i, 
#top_nav ul li b { 
    display: none; 
    float: none; 
    width: auto; 
    height: auto; 
} 

#top_nav ul li a { 
    float: left; 
    height: 43px; 
    line-height: 43px; 
    padding: 0 20px; 
    font-weight: 700; 
} 

#top_nav ul li.first a { 
    padding-left: 20px; 
} 

#top_nav ul li.last, 
#top_nav ul li.single { 
    background: none; 
} 

#top_nav ul li.single a { 
    padding-left: 0; 
    padding-top: 2px; 
} 
+0

请追加HTML此 –

+0

没有很难帮助你的HTML 。如果可能的话,创建一个jsFiddle – Ted

+0

我不知道如何附加html,这是我的网站,这有什么帮助吗? www.bijuterii-din-inox.ro – user3416680

回答

1

使用width:100%的导航栏.. !!

#top_nav { 
width:100%; 
padding: 0 2px; 
} 
+0

它不工作 – user3416680

+0

@ user3416680发布您的HTML代码的问题..! –

0

也许你应该改变多一点的风格,但低于我粘贴一些风格,这将更好地工作:

.hd_wide,.doc4,#top_nav ul{ 
width:100% !important; 
} 

.doc4{ 
    font-size:1em !important; 
    margin-left:0px !important; 
    margin-right:0px !important; 
} 
+0

它不起作用 – user3416680

+0

我编辑了一些样式,请试试这个。请记住将它们放在CSS文件的末尾,现在不要紧,因为它们同样重要,但如果不保留旧样式,则可以替换它们。 – seba47

+0

Sory.Still不工作。 Mabe我没有解释得很好,我的英语不太好。我把导航栏(只有蓝色栏)作为页面的整个宽度 – user3416680