2012年7月18日 星期三

List bullet image alignment


Use background-image instead of list-style-image. First, you'll have to add these declarations for cross-browser compatibility.
ul {
    list-style-type: none;  
    padding: 0px;
    margin: 0px;  }
Then replace your .moutlook declarations with these:
.moutlook {
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    padding-left: (width of your image + 7) px;
    line-height: (height of your image) px;
}

沒有留言:

張貼留言