windowsでHTMLを制作しています。
テーブルの中にテーブルを入れてレイアウトしているのですが、

大きいほうのテーブルに背景画像を指定、
中に入れた小さいテーブルには下の背景をそのまま反映させたいと思います。

IEでは問題なく表示されますが、ネスケで見ると、
小さいテーブルにもダブって背景画像が出てきてしまいます。

解消するタグはあるのでしょうか。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

中に入れた小さいテーブルの背景画像に、


透過GIF画像を指定すれば可能です。
スペース用に使うような1×1ピクセル程度の透明画像です。
    • good
    • 0
この回答へのお礼

できましたっ。
ありがとうございます!

お礼日時:2001/04/27 17:19

残念ですが、ネスケではこの状況を解決できません。


多少(かなり?)見栄えは劣りますが、
ネスケでは仕方ない事として我慢して下さい。
    • good
    • 0
この回答へのお礼

そうですか。。。
結構大きな企業サイトを見てもネスケでは同じような現象だったので、
「ダメなのかなぁ」とは思っていたのですが。。

もし、JAVAとかCSSで制御できる方法があったら教えてください。
もう少しだけ皆さんの回答を待ってあきらめます。
早い回答をありがとうございました。

お礼日時:2001/04/27 16:12

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qネスケで表示されないテーブル背景

<td background>で画像もしくは色を指定して、その<td>の幅を13ポイント以下にすると、ネスケでは指定した<td background>が表示されないようです。IEではちゃんと表示されるのに・・・。どうしてでしょう?

ちゃんと表示させる方法を知っている方、教えてください。よろしくお願いします。

Aベストアンサー

こんにちは。
テーブルセルの背景画像の指定では、NNの場合指定するセルの幅と高さより大きめの画像にしてやると解決付く場合があります。
例)幅1px、高20pxの画像を10*20のセルの背景に指定→NN4だと表示されない
  幅10px、高20pxの画像に変更→NN4で表示される

あるいは、tdタグの前にある、trタグにも背景指定してやると表示される事もあります(その辺、結構いい加減。。。Win98だと大丈夫なのに、Win2000だと見えない、という意味不明の現象も時々アリ。いろいろ試してみて下さい)。

ソース重たくなっちゃうので避けたい所なんですけどね(^^;

QliタグをCSSで指定して、レイアウトに用いています。背景色をつけたいのです。

CSSでレイアウトして、サイトを作成しています。

<CSS部分>
ul.box {
zoom: 100%;
list-style: none;
padding: 0;
margin: 0;
}
ul.box:after {
height: 0;
visibility: hidden;
content: "";
display: block;
clear: left;
}
ul.box li {
float: left;
width: 240px;
background-color: #ffffff;
border: solid 1px;
padding: 1px;
margin: 5px;

<HTML部分>
<ul class="box">
    <li>テーマA</li>
    <li>テーマB</li>
    <li>Aの説明</li>
<li>Bの説明</li>
<li>テーマC</li>
<li>テーマD</li>
<li>Cの説明</li>
<li>Dの説明</li>
</ul>

以上のような感じです。HTML部分はこのULをさらに囲っている親要素があるのですが、それの幅があるので、横並びに2つ並んでいて、縦には4つboxが並んでいるような状態です。

ですので、ちぐはぐのような感じになっています。
問題はこのテーマとかかれているところだけに背景色をつけたいのですが、どうしてもできません。

http://htmltag.1.tool.ms/153/
こちらのサイトを見て
<li bgcolor="#ffdddd">をやってみても色はつきません。

どうやればよいのでしょうか。
CSS自体変更した方がよいのでしょうか。

CSSでレイアウトして、サイトを作成しています。

<CSS部分>
ul.box {
zoom: 100%;
list-style: none;
padding: 0;
margin: 0;
}
ul.box:after {
height: 0;
visibility: hidden;
content: "";
display: block;
clear: left;
}
ul.box li {
float: left;
width: 240px;
background-color: #ffffff;
border: solid 1px;
padding: 1px;
margin: 5px;

<HTML部分>
<ul class="box">
    <li>テーマA</li>
    <li>テーマB</li>
    <li>Aの説明</li>
<li>...続きを読む

Aベストアンサー

テーマの<li class="ClassName">と、class属性を使って、CSSで、
  ul.box li.ClassName {
    background-color: ***…
  }
というようにすればよろしいかと。

それと質問のサイトを参考にされているようですが、このページを見る限り、携帯電話向け(ezWeb)の説明のようですのです。
作ろうとしているページは、主にパソコンで閲覧されることを想定しているのか、ezWebで閲覧されることを想定しているのか、どちらですか?

Qテーブルレイアウトしてしまっている後でCSSの背景を適用したいです。

私HPをつくっているのですが、
テーブルレイアウトをしているのですが、
最近CSSを勉強しだしまして、
テーブルレイアウトのうしろの背景色を設定しようと思っております。テーブルはすべて中央揃えにしておりまして、
そのテーブル以外の部分に背景色を設定したいと思っております。

どのようにしたいかというと
参考HPをあげておきます。
http://www.neutrals.jp/works.html
http://www.kekkon-navi.org/
http://www.plusmoney.jp/

この用な感じにメニューや本文の部分は白くて、
それ以外のところの背景が色をついている状態にしたいです。

外部CSSで全ページに適用していこうと思っているのですが、
CSSにはどのように記述したらよろしいでしょうか?

お詳しい方よろしくお願いいたします。

Aベストアンサー

こんにちは

tableはその内容をすべて読み込んでから表示されると聞いたことがあるので個人的にはあまり速くなっているという感覚はないような感じがしますが・・・

ちょっとした追加で実現したいのであれば

外部CSS

div {
width:table幅or希望の幅 px;
margin:auto;
background-color:white;
}
body {
background-color:希望の色;
margin:0px;
}


<head>
<link rel="stylesheet" href="外部CSSのパス" type="text/css">
</head>
<body>
<div>
現在作っているHP内容
</div>
</body>

でおそらくできると思います(現在作っている部分に<div>を使っているなら全体を覆う<div>にidかclassを設定して外部CSSのdivを#id名、.class名に変更してください)

QCSSでテーブル状にレイアウトしたが,背景色の範囲が意図と異なる.

cssを使って3列のテーブル状のレイアウトを作成しています.
外部cssファイルにてbackground-colorを記述して
背景色を3列それぞれにつけているのですが,行数の
違いによって背景色の付く範囲がそれぞれの列で
変わってしまっています.
(下のソースでいうと,111...は3行分の背景色が付きますが,
他の222...と333...は1行分の背景色しかつきませんが,
222...と333...の部分も背景色は3行分つけたいのです.)

原因は文字数の違いにより行数が異なるためと思いますが,
これを解決する方法はありますか?

【html記述】
<div id="table">

<div id="table_left">
111111<br>
111111<br>
111111<br>
</div>

<div id="table_center">
222222
</div>

<div id="table_right">
333333
</div>
<BR class="clears">
</div>

【css記述】
#table
{
width:700px;
margin:0px auto 0px;
border-style:solid;
border-color:#999;
border-width:1px;
}
#table_left
{
width:64px;
background-color:#e5ded7;
color:#80655e;
padding:8px;
float:left;
}
#table_center
{
width:294px;
padding:8px;
float:left;
}
#table_right
{
width:294px;
background-color:#edf8b1;
background-repeat:repeat;
padding:8px;
color:#3d6e14;
float:right;
}

cssを使って3列のテーブル状のレイアウトを作成しています.
外部cssファイルにてbackground-colorを記述して
背景色を3列それぞれにつけているのですが,行数の
違いによって背景色の付く範囲がそれぞれの列で
変わってしまっています.
(下のソースでいうと,111...は3行分の背景色が付きますが,
他の222...と333...は1行分の背景色しかつきませんが,
222...と333...の部分も背景色は3行分つけたいのです.)

原因は文字数の違いにより行数が異なるためと思いますが,
これを解決する方法はありま...続きを読む

Aベストアンサー

cssで解決するならこちらの方法が一応ベストかと思います。
http://css-happylife.com/log/css-template/000028.shtml

これ以外にもJavascriptを使う、padding,margin,overflowを指定して強制的に高さをそろえる方法などもありますが。

Qテーブルタグを作成した後、プレビューで表示されるタグの上部に空白が出来てしまう。

テーブルタグを作成した後、プレビューで表示されるタグの上部に空白が出来てしまいます。

下記の内容で文章中にテーブルタグを表示しようとしたところ、
(1)の文章とテーブルタグとの間に、かなりの空白が表示されてしまいます。
どのようにしたら、この空白が削除できるか、是非お教え願います。

10種類の競技は以下のとおりです。・・・・(1)
<Table Border><Tr><Td><FONT COLOR="#ec7600">1.サッカーナイン</FONT></Td><Td><FONT COLOR="#ec7600">ボールを蹴って的をいくつ落とせるか記録する</FONT></Td></Tr>
<Tr><Td>2.サッカーリフティング</Td><Td> リフティングが何回できたかを記録する</Td></Tr>
<Tr><Td><FONT COLOR="#ec7600">3.サッカードリブル</FONT></Td><Td><FONT COLOR="#ec7600"> ドリブルのコースを作り何秒でクリアできたかを記録する</FONT></Td></Tr>
<Tr><Td>4.バスケットゴール</Td><Td> 決められた数のボールを何回入れられたかを記録する </Td></Tr>
<Tr><Td><FONT COLOR="#ec7600">5.50メートル走</FONT></Td><Td><FONT COLOR="#ec7600">50メートルを何秒で走れるかを記録する</FONT></Td></Tr>
<Tr><Td>6.バランス競技</Td><Td> 不安定な仕掛けの上に何秒間いられるかを記録する </Td></Tr>
<Tr><Td><FONT COLOR="#ec7600">7.息止め競技</FONT></Td><Td><FONT COLOR="#ec7600">水に顔を付けてどのくらい我慢できるか記録する</FONT></Td></Tr>
<Tr><Td>8.ターゲットゴルフ</Td><Td> クラブを使いボールをいくつ入れられるか記録する</Td></Tr>
<Tr><Td><FONT COLOR="#ec7600">9.フライングディスク</FONT></Td><Td><FONT COLOR="#ec7600">フライングディスクを何枚的にいれられるかを記録する</FONT></Td></Tr></Table>

テーブルタグを作成した後、プレビューで表示されるタグの上部に空白が出来てしまいます。

下記の内容で文章中にテーブルタグを表示しようとしたところ、
(1)の文章とテーブルタグとの間に、かなりの空白が表示されてしまいます。
どのようにしたら、この空白が削除できるか、是非お教え願います。

10種類の競技は以下のとおりです。・・・・(1)
<Table Border><Tr><Td><FONT COLOR="#ec7600">1.サッカーナイン</FONT></Td><Td><FONT COLOR="#ec7600">ボールを蹴って的をいくつ落とせるか記録する</FONT>...続きを読む

Aベストアンサー

IE6で確認しましたが、ご指摘の空白が再現できません。
プレビューということは、ホームページビルダーなどのソフトをお使いでしょうか?
使用ソフトや環境などの詳細を補足願います。


人気Q&Aランキング

おすすめ情報