CSSで画像表示のやり方を教えてください

締切済

質問者：kengo1
質問日時：2008/02/22 23:46
回答数：8件

初めまして、ＣＳＳを少し勉強中なんですが、文字の背景に画像を張りたいんですがうまくいかないので教えていただけないでしょうか？
今の状態はこんな感じです。　間違っていますか？

ＨＴＭＬファイル
<TD colspan="3" width="609"><div class="menu1">aaaaaaaa</div></TD>

CSSファイル
div.menu1 {
background-img : url(object.gif);
}

この二つのファイルを使っているんですが画像が表示されなくて困ってます。教えていただけるとうれしいです。
ご迷惑おかけしますがよろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (8件)

最新から表示
回答順に表示

No.8

回答者： auty
回答日時：2008/02/23 17:46

ホームページビルダーをいじっているうちに、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>

- 0
- 件

通報する

No.7

回答者： necomimi3
回答日時：2008/02/23 17:11

あーごめんなさい、No3は別な人へのものでした失礼m(_ _)m

- 0
- 件

通報する

No.6

回答者： auty
回答日時：2008/02/23 17:06

＜＜＜　状況または、HTMLのリストをお知らせください。

の「HTMLのリスト」というのは「HTMLのソース」ということなんですが、現在の

--------------------------------------------------------------------------
ＨＴＭＬファイル
<TD colspan="3" width="609"><div class="menu1">aaaaaaaa</div></TD>

CSSファイル
div.menu1 {
background-img : url(object.gif);
}
--------------------------------------------------------------------------
を知らせてもらいますか。（できるだけ長く）

・　"menu1"がほかにも使われていないか。
・　単純な例（それだけに限定）を作って確かめたほうがよいかもしれません。

- 0
- 件

通報する

この回答へのお礼

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>

これで全部ではないですがこんな感じです。

通報する

お礼日時：2008/02/23 17:24

No.5

回答者： auty
回答日時：2008/02/23 15:11

それから失礼ながら

ＨＴＭＬファイル名：　 index.html
CSSファイル名：　　　　style1.css

としたとき、index.htmlの<head></head>の中に

<link rel="stylesheet" type="text/css" href="style1.css">

のように記述されていますか。

もし表示されなくても、

・　それは全く表示されない。
・　何かは表示されている。

等の状況または、HTMLのリストをお知らせください。

- 0
- 件

通報する

この回答へのお礼

CSSをHTMLにリンクさせるために
<head></head>の中に
<link rel="stylesheet" type="text/css" href="kasegou.css">
を入れています。
CSSファイルの名がkasegou.cssなのでそうしています。
他のリストタグは使えたんですが文字の後ろに画像を貼ることができません。
ページ編集をするときは画像があらわれたんですが実際にプレビューをしてみると画像がなくて文字だけの状態です。

通報する

お礼日時：2008/02/23 15:25

No.4

回答者： auty
回答日時：2008/02/23 15:00

・　プレビューは、どのプレビューで見たのでしょうか。

・　スペルをもう一度確認して、ブラウザでも実際に表示してみてください。

- 0
- 件

通報する

この回答へのお礼

ホームページビルダーでプレビューしました。

他のリストなどのタグは思うように表示されたので
CSSファイルとHTMLファイルはリンクできていると思います。

通報する

お礼日時：2008/02/23 15:42

No.3

回答者： necomimi3
回答日時：2008/02/23 14:46

DL先を管理者に削除されてしまいましたが

取得できましたか？
どちらにせよEngine.jsがないと話になりません(^w^;

一応、html内でのCSSの書き方を（<html>タグと<head>の間に書きます）
<style TYPE="text/css"></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>');
----------ここまで