人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

[CSS] アイコン画像などを文字列の横に表示したい場合に以下のような記述をしたとします。

<span style=”padding:10px;background:url(画像アドレス) no-repeat left center;”>文章</span>

文章が改行した場合に、Mac IE(OS9, OSX)で画像が縦方向に繰り返し表示されてしまいます。対策を教えて下さい。よろしくお願い致します。

参考アドレス:
http://blog.so-net.ne.jp/atsuya-furuta/
(”前の10件”のところがこのような記述になっています。こちらは改行はありません。)

●質問者: ukp
●カテゴリ:ウェブ制作
✍キーワード:CSS IE Mac OS9 OSX
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● mizunoto
●50ポイント

http://www.hajimeteno.ne.jp/stylesheet/css1/box.html#inline

CSS1-整形モデル

そもそも<span>はインライン要素のまとまりの筈ですから改行はない筈です。

なので<span>ではなく<div>や<p>に変更すれば問題ないと思います。

実際試してみましたが、上記部分を改善すればきちんと見る事が出来ました。

◎質問者からの返答

できました。おはずかしい。ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ