1

基本的に、私は自分のウェブサイトにカスタムサムネイルを追加しようとしています。私は を使用し、<ol>..

ol {
    counter-reset: none;         
    margin: 0px;         
    padding: 0px;       
    list-style-image: url('{image:thumbNail}');      
    position: relative;     
    right: 20px;     
}

しかし、.内の他のテキストに影響を与えずにこれを配置したい<ol>. どうすればこれを達成できるので、テキストに影響を与えずにサムネイルを配置するだけですか? 助けていただければ幸いです。

4

2 に答える 2

0

ここにフィドルがあります：http://jsfiddle.net/enn5r/

<ol class="thumnails">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

ol.thumbnails li{
  padding:5px 0px 5px 25px;
  border-bottom:1px solid #DDD;
  background:transparent url(/icons/clock.png) no-repeat 5px 7px;
  }
于 2012-09-03T19:17:37.130 に答える
0

リストから削除position:relative;して指定し、CSS 属性を使用して整列する必要があります。ただし、の親タグが適用されている場合、これはすべて適切に機能します。を使用して動作させることもできますが、異なる画面解像度で要素をシフトするため、適切な方法ではありません.olposition:absolute;lefttopolposition:relative;position:relative;

于 2012-09-03T20:20:19.090 に答える