• 締切
  • すぐに回答を!

CSS リンクに画像を使用したいのですが…

  • 質問No.4360436
  • 閲覧数37
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 50% (3/6)

Dreamweaver CS3を使用してホームページを作っています。

スタイルシートを利用しているのですが、
リンク文字の前には画像を使用したいと思っています。
現在は画像を繰り返しなしで左上配置の背景にしているのですが、
長い文章で改行が入るとし下のようになってしまいます。
-----------------------
★リンク リンク リンク
リンク リンク リンク
-----------------------
↓(こうしたい)
-----------------------
★リンク リンク リンク
  リンク リンク リンク
-----------------------
リストでマークに画像を使用するのも試してみたのですが、
同じ結果になってしまいました。

下記にソースを表示いたしますので、
どう変更すればいいのか教えて下さい。
よろしくお願いいたします。

ソース
---------------------------------------------------

#main a{
text-decoration: underline;
line-height: 150%;
background: url(imgs/icon1.gif) no-repeat left top;
padding-left: 17px;
}

#main a:hover {
text-decoration: underline;
color: #f54589;
}

---------------------------------------------------

<div class="main">
<p><a href="#">リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク<br />
リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク<br />
リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク</a></p>
</div>
---------------------------------------------------

回答 (全1件)

  • 回答No.1

ベストアンサー率 34% (944/2776)

pの方にpaddingじゃない?
どうしてもaってならmarginのような気もするし…というかそもそもaはinlineだし・・・
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ