• 締切済み

ネスケで背景を表示する際に

ネスケで背景を指定する際に、困ったことが起きてしまいます。まず横700のテーブルのTDに指定して貼り付けますが 、そのうえからまたテーブルを組んで、セルを作ると、背景が繰り返してしまいます。CSSで定義してますが、できません。この教えて・・・でも同じような質問があったのですが、真似しても、テーブルのみだったら背景はきっちり表示されますが。リピート禁止にしてもだめです。 cssはこうです。 <STYLE TYPE="text/css"> .img01{ background-image:url(img/back01.jpg); background-repeat:no-repeat; background-position:50% 50%; } </STYLE> できれば、cssでなくタグのみでできればいいのですが・・・

  • HTML
  • 回答数2
  • ありがとう数4

みんなの回答

  • cat_2001
  • ベストアンサー率58% (35/60)
回答No.2

こんにちは。 タグのみで可能ですよ。と言うか、小技が必要ですが…。 横700テーブルに「img/back01.jpg」を設定したら、そのテーブル内に入れ子にしたいテーブルの背景を透明のGIF(10×10ピクセル程度の透過処理してある小さな画像)画像を置くと、ネスケで背景繰り返しされずにきれいに表示されます。 <table border="0" cellpadding="0" cellspacing="0" width="700"> <tr> <td height="100" background="img/back01.jpg"> <table border="0" cellpadding="0" cellspacing="0" width="300" background="img/toumei.gif"> <tr> <td>&nbsp; </td> </tr> </table></td> </tr> </table> こんな感じです。 (結構これに頭を悩める人が多いみたいですね。私もよく「どうしたら良いんだ~!!」と泣きつかれる事が多いです。笑)

amazulu
質問者

お礼

ありがとうございます!できました。本当に素晴らしい技で涙が・・・・あなたたちは天才です。こんなに「教えてgoo」に感謝したのは初めて。感謝感謝です。

  • kosa
  • ベストアンサー率25% (379/1464)
回答No.1

透明GIFってご存知ですか? 1×1ピクセルで作成した何もないただの透過GIFのことです。 これを繰り返されたくないテーブルの背景画像に指定することで問題をクリアできます。

amazulu
質問者

お礼

すばやい反応ありがとうございます。 できました・・・びっくりです。 もうあきらめてデザイン変更するところでした。 すみません、お二人は天使です。 泣きそうになりました!!!!!

関連するQ&A

  • ネスケで背景色が表示されない

    WINXP IE6 ネスケ7.1 外部cssで td.bottom{    height: 30px; background:url(img/cr.gif);    background-repeat:no-repeat; background-position: center;    background-color: #fff76b; } と指定し、 HTMLに <TD colspan="4" align="center" class="bottom"></TD> というタグを書いています。 IEで見るとちゃんと表示されますが、 ネスケだと色がまったく表示されません。 理由がまったく分からず困っております。 どなたかアドバイス下さい!

    • ベストアンサー
    • HTML
  • 背景画像がNetscapeでは表示されない

    <HEAD>タグ内に下記の方法で背景画像を中央に表示させています。 IE5.5では正常に表示されますが、ネスケ4.7で確認すると背景画像のみ表示されません。 <BODY>タグ内の文字は正常に表示されます。 どうしたら良いでしょうか? <STYLE type="text/css"> <!-- table#base { background-image: url("img/bg.jpg"); background-repeat:no-repeat; background-position: center center; } --> </STYLE> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • ネスケでの背景表示に困ってます!(CSS使用)

    はじめまして! 今手打ちでHPを作っているのですが、ネスケで動作確認をすると背景画像が テーブルのセルごとに表示されてしまって困ってます。 セルごとにリピートされている感じです。 背景画像の表示は、HTMLにCSSを組み込んで以下のようにしています。 table{ background-image : url(../images/***/***.gif); background-repeat : no-repeat; background-position : 50% 50%; } これだけだとIEでも背景が真っ白になってしまったので <table width="640" height="430" border=0 background="../images/***/***.gif"> も付け加えています。 この時点でなんだか怪しいのですが・・・ 初心者で、もうどうしたら良いか途方にくれて困っています。 説明がへたで本当に申し訳ないのですが、 どうか良きアドバイスをよろしくお願いします!

    • ベストアンサー
    • HTML
  • Webタグの背景について

    今HPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか? 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですが・・・

  • テーブルの特定のセル背景非スクロールについて

    テーブルで文章を書いているのですが、 そのテーブル内の文章がちょっと長めで、 どうしてもブラウザがスクロール(縦)してしまう作りになっています。そのテーブルに背景を入れようと思うのですが、スクロールしてしまうほど長い縦テーブルな故に背景も繰り返してしまいます。 背景画像は壁紙のような整列された画像ではなく、一枚の写真を使用したいとおもっております。 縦長の大きい背景を作るというのも一つの手ですが・・・それではなくタグ命令で固定できればと思います。 通常のページ背景ですと背景固定は ◆bodyタグで bgproperties="fixed" ◆スタイルシートで <STYLE type="text/css"> <!-- BODY{background-image:url("■.jpg"); background-color:#背景色; background-position:背景の位置; background-repeat:no-repeat; background-attachment:fixed;} --> </STYLE> って出来るのですが、 テーブル内部の特定のセル背景固定というのは どのようにしたら出来るのでしょうか? ジャバスクリプト、スタイルシート、通常のタグ どのような方法でもかまいません。 テーブル内の特定のセル背景非スクロールについて、 ご教授いただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 背景を固定した時の表の背景

    こんにちは。HPを制作し始めたばかりの初心者です。 質問です。 背景をこんな感じて固定した時 <STYLE type="text/css"> <!-- BODY{ background-image : url(○○.jpg); background-repeat : no-repeat; background-attachment : fixed; background-position : 90% 50%; } --> 作ってる表の背景画像が無効になっちゃいます。 なんか間違ってるんでしょうか??? お答えを頂けると有り難いのですが。

    • ベストアンサー
    • HTML
  • 写真素材の背景

    写真素材の背景で、例えば右下に表示するためのタグがありますよね? それって↓ <STYLE type="text/css"> <!-- BODY { background-image : url("素材URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:背景色; } --> </STYLE> でいいんですか??↑で何度かやってみたんですが、ちゃんと右下に表示されません。

  • テーブル中に設けた背景画像をフェードインで

    下記の記述で、テーブルに背景を設けています。 この画像を、じんわりと、フェードイン表示させたいと思っていますが、JavaScriptで可能でしょうか? <td width="800" height="600" align="centert" valign="center" style="background-image:url(img/hoge1.jpg);background-repeat:no-repeat;background-position:center center;">

  • Webの背景について

    今HTML、CSSなど使ってHPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか? 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですがどうしてもチェックの上に加工した画像を右下に固定したいので教えてください。 メモ帳より作成しています。 今月中に仕上げたいのでよろしくお願いします

  • 背景イメージの重ね表示

    こんにちは。 MTを使ってテンプレートを作っているのですが、サイドバー全体の背景の上に、別な背景を表示させようとしています。 例えば以下のようなかんじです。 <style type="text/css"> .bg {  background-position: left;  background-repeat: repeat-y;  background: url("./img/bg.gif"); } .fg {  padding-bottom: 100px;  background-position: bottom;  background-repeat: no-repeat;  background-image: url("./img/fg.gif"); } </style>       :       : <!-- ▼サイドバー▼ --> <div class="bg">   <div class="fg">       :       :   </div> </div> <!-- ▲サイドバー▲ --> IE だと全体の背景が前面にでてしまい、ホントは前面に表示されて欲しい別な背景が消されてしまい困っています。※Firefox などでは問題ない。 サイドバー全体の背景の上に別な背景を表示させたい場合には、どのようにすればいいのか教えください。 よろしくお願いします。

専門家に質問してみよう