2011-07-21 21 views
0

は、このブログの記事で箇条書きを参照してください:私が持っていた http://www.nielsbrinch.com/managing-expectation-management/垂直配向テキストベースの弾丸

は弾丸ベースのグラフィックにテキストを揃えるために特性をテキストに変更します。残りのテキストと同じ行の高さ(25)を設定したいが、オレンジ色の箇条書きに合わせるために15に設定しなければならなかった。

ここに、弾丸の組み合わせスタイルがあります。

.post ul li { 
    background: url(images/yellow-bullet.png) no-repeat 0px 4px; 
    padding-left: 15px; 
    font-family: Tahoma; 
    line-height: 15px; 
    font-size: 11pt; 
    padding-top: -12px; 
    margin-bottom: 10px; 
    margin-left: 10px; 
} 

質問:テキストの特性の完全な制御を維持しながら、どのように私は、正確に箇条書きに合わせたテキストを保持するために確保するのか?

(私だけのスタイルを変更することによって、これをしたい、などのliタグ内のdivを含めて、私はHTMLの構造を変更することを示唆しないでください)

+1

投稿するjsfiddleと私たちはあなたのデバッグを手助けすることができます。 – ricosrealm

+0

私はそれを以前に使ったことはありませんでしたが、うまくいくようです。 http://jsfiddle.net/SbedL/ –

答えて

1
list-style-image: url(images/yellow-bullet.png); 

代わりの

background: url(images/yellow-bullet.png) no-repeat 0px 4px; 

トリックを行う必要がありますか?

+0

これはかなり良いアイデアでしたが、100%まだ整列していませんでした... –

+0

奇妙です。 「100%整列」とはどういう意味ですか?あなたは何を望むの画像を投稿できますか?ところで、ネガティブパディングは許可されていません;) – MatTheCat

+0

テキストは、現在、弾丸の1〜2ピクセル上に整列しています。 –

関連する問題