2011-01-28 12 views
2

私はこのようなインライン画像と記事の何千も持っている:私は次のようにCSSを使用してパディングを追加したいが、それは動作しませんimg [align = right]は動作しますか?

<img src='...' align='left'/> 

<img src='...' align='right'/> 

を:

img[align=left] {padding-right:10px} 
img[align=right] {padding-left:10px} 

これはサポートされていないようですか?

+1

'img [align =" left "]' - 引用符で試してください –

+1

テストにはどんなブラウザを使用しましたか? –

+0

http://www.quirksmode.org/css/contents.htmlによると、IE6以下を除くすべての「最新の」ブラウザで動作するはずです。火かき棒で物事を調べてみましたか?おそらく別のルールがこれを無効にしていると思われます。 –

答えて

6

これはWin7の/クローム/ 8およびWin7の/ FF/3.6上(または値を引用せずに)私の作品:http://jsfiddle.net/gLe3U/

あなたはOS /ブラウザ/バージョン与えるの詳細を提供する必要がありますあなたは問題があり、おそらく完全なテストケースを提供するでしょう(http://jsfiddle.netなど)

+0

+1、および同上。バート、私はあなたの抜粋をテストページで試してみました。彼らは働いていました。おそらく、あなたは正しい場所にスタイルを定義していないでしょう。 –

+0

私のCSSを変更しました。どうやらimg {}はimg [align = left]とimg [align = right]を覆い隠します。 – bart

+1

img [align]は、imgセレクターとともにIDまたはクラスセレクターを持っていない限り、より高い特異性を持つimgをオーバーライドする必要があります。 – mark123

関連する問題