2007年1月25日 星期四

Sidebar不符合版型的行首凸排

因為版型的關係,它在sidebar所有的list樣式是設為行首凸排的, 看了很久一直覺得不順眼,今天終於把相關HTML碼找出,小調了一番。
原來為:
.sidebar li {
.....
padding: 0 0 .25em 15px;
text-indent:-15px;
....

修改後為:
.sidebar li {
.....
padding: 0 0 .25em 0px;
text-indent: 0px;
....

以後再來想如何加入漂亮的bullet。

要加入bullet,使用的是 list-style-type 屬性

  1. 找到範本的.sidebar ul {}
  2. 將其中的list-style: none; 更改為disc(實心圓)、circle(空心圓)、square(方塊)任何一種,即list-style-type: square;
  3. 儲存範本即大功告成
缺點是,側邊欄所有的list item都多了bullet符號

沒有留言:

Harry

Harry

亭妤

亭妤