0

このページ(http://www.bonniesphere.com/blog/elsewhere/)では、「li」アイテムに箇条書きではなく画像が表示されます。ただし、画像は垂直方向の中央に配置され、複数行のエントリでは見栄えがよくありません。CSSに変更が必要なものがあるかどうか誰かに教えてもらえますか?

相対コードは次のとおりです。

.entry ul {list-style-type:none;} .entry ul li {padding:0 0 0 15px; background:url(img / ol.gif)no-repeat left center; margin-left:10px;}

助けてくれて本当にありがとうございます...

4

5 に答える 5

4

centertopに置き換えます。

background: transparent url(img/ol.gif) no-repeat scroll left top;
于 2008-12-09T08:37:21.050 に答える
0

あなたの提案に感謝します...私はFirebugを持っていましたが、それを使ったことがありませんでした-FirebugとBBEditの「比較」機能の組み合わせで、私はついにそれを理解することができました!テンプレートの作成者が箇条書きの修正を提供しましたが、テーマの最新バージョンをアップロードすると、問題が再び発生しました。私はそれを見つけました、そしてvoilà...

2つのプログラムのおかげで、機能していなかった他の問題の修正も見つけることができました。

私は幸せなキャンピングカーです!少なくとも...次に修正できないものに遭遇するまで...

:-)

于 2008-12-30T12:57:40.930 に答える
0
.entry ul {list-style-type:none;} 
.entry ul li{padding: 0 0 0 15px;
background: url(img/ol.gif) no-repeat left top center;
margin-left:10px;}

頭のてっぺんから入力しただけですが、「top」属性で入力できる可能性があります。左または中央をtopタグに置き換えてみてください。私のウェブ開発者アドオンが私をだましているので、あなたをチェックできません。:(

ローカルで確認しました。これがセンタータグです。ただし、まだ余分な空白が必要です。

于 2008-12-09T08:26:52.473 に答える
0
.entry ul li{padding: 0 0 0 15px;background: url(img/ol.gif) no-repeat left 4pt;margin-left:10px;}

基本的に、上からのオフセットを指定する必要があります。あなたは明らかに画像を垂直方向に中央に配置する中央を持っていました。

大まかな推測として、私は4ptを使用しましたが、画像を配置する場所によって異なります。4ptを使用すると、大まかに最初の行に揃えられますが、フォントサイズを変更すると、配置が台無しになります。

個人的には、垂直位置にトップを使用するのは私の好みには少し高すぎます。

于 2008-12-09T08:35:38.680 に答える
0

これは非常に奇妙です...私は上記の3つの提案すべてを試しましたが、どれも何も変更しませんでした。それが役立つなら、もう少し情報:それは(私のサーバー上の)Wordpressブログであり、私はテーマエディターを介してstyle.cssを編集しています。(それは何の違いも生じないはずです...)

このコードをオーバーライドして、画像を中央に揃えたままにする何かがCSSの他の場所にあると思いますか?

于 2008-12-10T00:36:59.800 に答える