よく見かける
<ul>
<li><a href="#">トップ</a></li>
<li>><a href="#">サービス</a></li>
<li>><a href="#">会社概要</a></li>
</ul>
の場合、<a>の背景に矢印の画像をリピートなしで設定してますが、
<a>に対してフロートが設定されていないと編集画面で背景の矢印
画像が見えませんが、これはCSSの設定自体に誤りがあるのでしょうか?それとも、編集画面で見えないのはDreamweaver8のエラーなのでしょうか?プレビューではきちんと表示されますが・・・。
どなたか有識者の方のご教授をお願いいたします。
No.1ベストアンサー
- 回答日時:
> <a>に対してフロートが設定されていないと編集画面で背景の矢印画像が見えませんが、
<a>のスタイルとしてのこの構成そのものは、floatの有無は関係ないと思いますが…
backgroundプロパティで画像を指定し、(画像がテキスト先頭に付く感じであれば)padding-leftで画像のwidth+αの余白を与えれば表示される筈です。
「編集画面で背景の矢印画像が見えませんが」「プレビューではきちんと表示されます」ということは、ブラウザでの表示結果は、意図した通りの見え方になっているのですね?であれば「これはCSSの設定自体に誤りがある」のか「Dreamweaver8のエラーなの」かは、実際にその部分にCSSでどういう定義をされているのかがわからないと何とも答え様がないですね。
No.2
- 回答日時:
ソースを見てみないとわかりませんが、今適当にHTMLを作ってみた感じですと、
a {
background:url("gazou.gif");
background-repeat: no-repeat;
}
というように書かれていれば、画像が背景に出ます。
外部ファイルでも、直接HTMLに書いてあっても表示されますし、その下に、
a:hover{
background:;
}
のように書けば、onmouseのときには画像が消えます。
特定のアプリ上で見えないだけで、HTMLファイルを直接開けば表示されるのであれば、アプリの問題でしょう。
HTMLを開いても表示されないのであれば、CSSの記述に問題があるかと思われます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS インラインブロックの中のテキストを上下中央に合わせたい 1 2022/12/24 17:46
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- その他(IT・Webサービス) html cssについて 3 2023/05/13 12:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSでの動画のマスク処理
-
WEB上でディレクトリ内の画像を...
-
【至急お助け!】チェックボッ...
-
ひとつの画像をWEBで異なる小さ...
-
フッターの背景に色を指定した...
-
<hr>の縦バージョンはありますか?
-
IMGタグで画像の繰り返し使用は…
-
背景画像の上に透過GIF背景...
-
サファリで背景画像が1ピクセ...
-
画像の背景を透明にしたい
-
見出しの複数行の対応について
-
jQuery背景画像動かすパララックス
-
ホームページの背景画像を画面...
-
gif画像でたまに背景がグレーに...
-
WEbサイトの背景画像にメッシ...
-
文字列の後に中央線を引きたい...
-
横棒GIF左右ぴったしにするタグ...
-
htmlかcssで背景の白い枠をなく...
-
文字列の下に点線を出す
-
HPのナビゲーションと<UL><LI>
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報