用CSS导航栏

我从这里消失遇到问题分隔符位于导航栏的最右端。我搞不清楚了。用CSS导航栏

我试图把它放在一个div，但我真正需要做的是使背景图像（绿色）从标题左侧走到右侧的边缘。只是不知道如何。这里是CSS

ul#saturday{ 
margin:0; 
padding:0; 
list-style-type:none; 
width:100%; 
position:relative; 
display:block; 
height:36px; 
text-transform:uppercase; 
font-size:12px; 
font-weight:normal; 
background:transparent url("bgOFF.gif") repeat-x top left; 
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
border-bottom:4px solid #336666; 
overflow: hidden; 
color: #003; 
text-align: center; 
z-index: auto; 
}

我甚至试图把它在一个表中，但整个头部它永远不会适合。

来源

2012-05-20 Diane

您可以尝试使用宽度：100％，将其更改为白色容器的宽度。这样它会一路走下去。宽度：100％仅将其设置为与内容一样大。

来源

2012-05-20 05:20:01 Andrew

谢谢让我试一试！ – Diane

观看，因为我不断尝试和导航栏调整大小ahhhhh – Diane

哦，我看到它，ul＃星期六是你的菜单项中的每一个！忽略我刚刚说的，在.twoColFixLtHdr中改变宽度#header – Andrew

这可能有所帮助。

/* Remove left padding from header */ 
.twoColFixLtHdr #header { 
    padding: 0 10px 0 0px; 
    /* padding: 0 10px 0 20px; OLD - Delete this line*/ 
} 

/* Add left padding to ul */ 
ul#saturday { 
    padding-left: 10px; 
} 


/* Remove border bg from last anchor */ 
ul#saturday li:last a { 
    background-image: none; 
}

而且，读/观看这些关于Chrome检查工具，您可以编辑CSS住在这使事情变得更容易，对于初学者和专家的一致好评浏览器。

https://developers.google.com/chrome-developer-tools/docs/videos

来源

2012-05-20 05:29:52 Ray

谢谢！ >>> DIane – Diane

好的，在这里！ http://www.gofar.org/homepagetest.html – Diane

但我不能因为某种原因在Adobe浏览器实验室上测试它吗？在这里看起来不错，IE 8但是...... – Diane

回答

相关问题