0

我已经离开了：www.gofar.org

对此：www.gofar.org/homepagetest.html

我试图删除导航栏最右端的一个块分隔符。我搞不清楚了。

我尝试将它放在一个 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;
}

我什至试着把它放在一张桌子上，但它永远不适合整个标题。

4

2 回答 2

1

这可能会有所帮助。 

/* 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-20T05:29:52.737 回答
0

您可以尝试不使用宽度：100%，将其更改为白色容器的宽度。这样一来，它就会一路过关。Width:100% 仅将其设置为与内容一样大。

于 2012-05-20T05:20:01.977 回答