- 締切済み
CSSで画像表示のやり方を教えてください
初めまして、ＣＳＳを少し勉強中なんですが、文字の背景に画像を張りたいんですがうまくいかないので教えていただけないでしょうか？ 今の状態はこんな感じです。 間違っていますか？ ＨＴＭＬファイル <TD colspan="3" width="609"><div class="menu1">aaaaaaaa</div></TD> CSSファイル div.menu1 { background-img : url(object.gif); } この二つのファイルを使っているんですが画像が表示されなくて困ってます。教えていただけるとうれしいです。 ご迷惑おかけしますがよろしくお願いします。
- kengo1
- お礼率50% (4/8)
- その他([技術者向] コンピューター)
- 回答数8
- ありがとう数13
- みんなの回答 （8）
- 専門家の回答
みんなの回答
- auty
- ベストアンサー率58% (284/486)
ホームページビルダーをいじっているうちに、HTMLソースが壊れているようです。 提出された部分を全て、次のものと置き換えてみてください。 ------------------------------------------------------------------ <TABLE height="136"> <TBODY> <TR> <td> <div class="menu1"> aaaaaaaa </div> </td> </TR> <TR> <TD height="104" align="center" width="88"> <IMG src="pc_39.gif" width="24" height="29" border="0"> </TD> <TD valign="top" align="left" height="104" width="215"> <UL> <li> <FONT face="Tahoma"><A href="hontonimuryounano.html">なぜ無料なの！？</A> </FONT> </li> <li> <FONT face="Tahoma"><A href="hontoniannzen.html">ホントに安全！？</A> </FONT> </li> </UL> </TD> </TR> </TBODY> </TABLE>
- necomimi3
- ベストアンサー率40% (124/307)
あーごめんなさい、No3は別な人へのものでした失礼m(_ _)m
- auty
- ベストアンサー率58% (284/486)
＜＜＜ 状況または、HTMLのリストをお知らせください。 の「HTMLのリスト」というのは「HTMLのソース」ということなんですが、現在の -------------------------------------------------------------------------- ＨＴＭＬファイル <TD colspan="3" width="609"><div class="menu1">aaaaaaaa</div></TD> CSSファイル div.menu1 { background-img : url(object.gif); } -------------------------------------------------------------------------- を知らせてもらいますか。（できるだけ長く） ・ "menu1"がほかにも使われていないか。 ・ 単純な例（それだけに限定）を作って確かめたほうがよいかもしれません。
- auty
- ベストアンサー率58% (284/486)
それから失礼ながら ＨＴＭＬファイル名： index.html CSSファイル名： style1.css としたとき、index.htmlの<head></head>の中に <link rel="stylesheet" type="text/css" href="style1.css"> のように記述されていますか。 もし表示されなくても、 ・ それは全く表示されない。 ・ 何かは表示されている。 等の状況または、HTMLのリストをお知らせください。
お礼
CSSをHTMLにリンクさせるために <head></head>の中に <link rel="stylesheet" type="text/css" href="kasegou.css"> を入れています。 CSSファイルの名がkasegou.cssなのでそうしています。 他のリストタグは使えたんですが文字の後ろに画像を貼ることができません。 ページ編集をするときは画像があらわれたんですが実際にプレビューをしてみると画像がなくて文字だけの状態です。
- auty
- ベストアンサー率58% (284/486)
・ プレビューは、どのプレビューで見たのでしょうか。 ・ スペルをもう一度確認して、ブラウザでも実際に表示してみてください。
お礼
ホームページビルダーでプレビューしました。 他のリストなどのタグは思うように表示されたので CSSファイルとHTMLファイルはリンクできていると思います。
- necomimi3
- ベストアンサー率40% (124/307)
DL先を管理者に削除されてしまいましたが 取得できましたか？ どちらにせよEngine.jsがないと話になりません(^w^; 一応、html内でのCSSの書き方を（<html>タグと<head>の間に書きます） <style TYPE="text/css"><!-- div.menu1 {background:url("object.jpg");} --></style> TDでの使い方は最初ので合ってます。 以下スクリプトのサンプル ----------ここから var BASE = "YUKI.N>"; var TYPESTR = new Array( "*6000", "t98", "+みえてる？", "*6000", "t200", "-あ", "-ああ", "*800", "t90", "+そっちの時空間とは", "/まだ完全には連結を絶たれていない。", "/でも時間の問題。", "/そうなれば最後。"); document.write('<div id="Typingmain"><\/div>\n'); document.write('<script src="Engine.js"><\/script>'); ----------ここまで
- auty
- ベストアンサー率58% (284/486)
そうですね、 background-image :url( object.gif ); はありますが background-img : url(object.gif); は、スペル img が間違っています。 引用符は、省略可能のようです。
お礼
ご回答本当にありがとうございます！ やっぱりプレビューをしてみたところ画像は表示されませんでした。 ご親切に説明ありがとうございました！
- necomimi3
- ベストアンサー率40% (124/307)
divにbackground-imgというのがあるか知りませんが background:url("object.jpg"); というのにすると背景ちゃんと出ますよ。
補足
ＨＴＭＬファイルのほうをかえればよろしいということでしょうか？ ＨＴＭＬファイルの方に加えると <div class="menu1"background:url("object.jpg")>aaaaaaaaaa</div> これでよろしいですか？
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
menu1は他には使ってないです 前後のHTMLソースを貼り付けますね。 <TH colspan="2" valign="top" align="left" width="632" height="850"> <TABLE border="0" width="631"> <TBODY> <TR> <TH valign="top" align="left" width="319" height="593"> <TABLE height="136"> <TBODY> <TR> <TH height="8" bgcolor="#ffffff" colspan="2"><div class="title1" backgroundimage)>aaaaaaaa</div></TH> </TR> <TR> <TD height="104" align="center" width="88"><IMG src="pc_39.gif" width="24" height="29" border="0"></TD> <TD valign="top" align="left" height="104" width="215"> <UL> <li> <FONT face="Tahoma"><A href="hontonimuryounano.html">なぜ無料なの！？</A></FONT> </li> <li> <FONT face="Tahoma"><A href="hontoniannzen.html">ホントに安全！？</A></FONT> </li> </UL> </TD> </TR> </TBODY> </TABLE> これで全部ではないですがこんな感じです。