ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：sea-bass cssでのリンクに対する拝啓設定
困り度：
  • 困っています
 よく見かける
<ul>
<li><a href="#">トップ</a></li>
<li>><a href="#">サービス</a></li>
<li>><a href="#">会社概要</a></li>
</ul>
の場合、<a>の背景に矢印の画像をリピートなしで設定してますが、
<a>に対してフロートが設定されていないと編集画面で背景の矢印
画像が見えませんが、これはCSSの設定自体に誤りがあるのでしょうか？それとも、編集画面で見えないのはDreamweaver8のエラーなのでしょうか？プレビューではきちんと表示されますが・・・。
どなたか有識者の方のご教授をお願いいたします。
質問投稿日時：08/03/25 16:57
質問番号：3893698
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答10pt
回答者：cieux ソースを見てみないとわかりませんが、今適当にHTMLを作ってみた感じですと、
a {
　background:url("gazou.gif");
　background-repeat: no-repeat;
}
というように書かれていれば、画像が背景に出ます。
外部ファイルでも、直接HTMLに書いてあっても表示されますし、その下に、
a:hover{
　background:;
}
のように書けば、onmouseのときには画像が消えます。
特定のアプリ上で見えないだけで、HTMLファイルを直接開けば表示されるのであれば、アプリの問題でしょう。
HTMLを開いても表示されないのであれば、CSSの記述に問題があるかと思われます。
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/03/25 18:26
回答番号：No.2
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

良回答20pt
回答者：abril > <a>に対してフロートが設定されていないと編集画面で背景の矢印画像が見えませんが、

<a>のスタイルとしてのこの構成そのものは、floatの有無は関係ないと思いますが…
backgroundプロパティで画像を指定し、（画像がテキスト先頭に付く感じであれば）padding-leftで画像のwidth＋αの余白を与えれば表示される筈です。

「編集画面で背景の矢印画像が見えませんが」「プレビューではきちんと表示されます」ということは、ブラウザでの表示結果は、意図した通りの見え方になっているのですね？であれば「これはCSSの設定自体に誤りがある」のか「Dreamweaver8のエラーなの」かは、実際にその部分にCSSでどういう定義をされているのかがわからないと何とも答え様がないですね。
種類：補足要求
どんな人：専門家
自信：参考意見
回答日時：08/03/25 18:26
回答番号：No.1
この回答へのお礼ありがとうございました。padding-leftで画像のwidth＋αの概念を忘れておりました。
 
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ