Question

我已经离开了这个： 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;
}

我甚至尝试将它放在一张桌子中，但它从不适合整个标题。

Answer 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

Answer 2

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

有css导航栏的问题

2 个答案: