• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:TABLEタグについて・・。)

テーブルタグについての効果的な表示方法

このQ&Aのポイント
  • テーブルタグによるイメージ枠つき表示方法について教えてください。ネットスケープやMACでも正しく表示される方法を知りたいです。
  • 現在の表示方法だと、IE以外での表示がうまくいかないようです。どのようなタグを使用すれば良いでしょうか?
  • テーブルタグを使用しても、イメージ枠をつけた表示がうまくいかないため、代替のタグを教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • next-co
  • ベストアンサー率28% (43/149)
回答No.5

Netscapeの場合、<TABLE>内の複数の<TD>のbackgroundに画像を指定すると異なった表示をします。 画像の上に、画像や文字を載せようとしていると思いますが、Netscapeと共有するHTMLは難しいと思います。<TABLE>に1個なら問題ないと思います。 <TABLE>内の<TD>の中にさらに<TABLE>を作りbackgroundを指定してみては?(たぶんだめなように思いますが) Netscape 6は、4と別もののようですから対応しているかもしれませんが、ユーザーはまだ多くの方が4を利用していると思いますから4への対応となります。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (4)

  • train13
  • ベストアンサー率30% (8/26)
回答No.4

もしかして、角が丸いテーブルを作っているのでしょうか? どんな柄、何色のテーブルを作っているのかわかりませんが、 まず角の画像は高さと横幅を指定し(width,height) テーブルもセルごとに高さと横幅を指定した方が良いと思います。 そして、&nbspしか入れていないセルですが、 たしかこれではMacでは表示されなかったと思います。 (すみません、確かめていないので) その場合は&nbspの変わりに透明の画像を入れると良いです。 画像はどうぞ下のURLからダウンロードしてください。 透明の小さい画像なので目には見えないと思いますが(汗) もし私の勘違いでしたらすみません。

参考URL:
http://www.gun.dyn.to/~hp03/sozaiire/waku/dummy.gif
全文を見る
すると、全ての回答が全文表示されます。
  • train13
  • ベストアンサー率30% (8/26)
回答No.3

私はMacを使っていますので IE、NN両方試してみても良いのですが、 どこがどのように変なのでしょうか? まずそちらを説明していただくと 解決するかもしれませんので・・・。 その「変」具合を教えてください。

全文を見る
すると、全ての回答が全文表示されます。
  • usawing
  • ベストアンサー率31% (76/239)
回答No.2

私は、ウィンドウズ+IEなので具体的にどうなってしまっているのかよくわからないのですが、とりあえず 画像に、widthとheight属性を足してみてはいかがでしょうか?

全文を見る
すると、全ての回答が全文表示されます。
  • myeyesonly
  • ベストアンサー率36% (3818/10368)
回答No.1

こんばんは。 >変~の意味なんですが、どういう意味でしょう? 表示がされないという意味か、体裁がおかしいという意味か・・・? というのは、この記述だけだと、NCでは表示されないけど、IEでは表示されます。 原因は、一番最後、</table> の記述がないのでテーブルが閉め入られていないからです。 IEはある程度いいかげんな記述でも表示しますけど、他のブラウザはかなり厳密に解釈してくれるので、そういう記述ミスをすると表示してくれません。 もし体裁が変ということなら外してますのであしからず。m(__)m

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 画像枠テーブルについて

    画像を使ってテーブルを作ってます。 しかし、上と右の画像が繰り返してしまいます。 ここで調べてCSSでやってみましたが余計崩れてしまいました。 右下の部分と右の部分の結合もおかしくなります。 どうしたらいいんでしょうか? http://blog-imgs-19.fc2.com/x/a/n/xandinosqu/table_temple.png 紫で囲まれた部分です。 ソースは <TABLE border="0" cellpadding="0" cellspacing="0" width="60%"> <TBODY> <TR> <TD><IMG src="左上の画像" width="15" height="15"></TD> <TD background="上の画像" width="100%"> </TD> <TD><IMG src="右上の画像" width="15" height="15"></TD> </TR> <TR> <TD height="50" background="左の画像"> </TD> <TD bgcolor="#ff577f"> <TABLE border="0" cellpadding="20" cellspacing="2" width="100%" height="100%" align="CENTER"> <TBODY> <TR> <TD>*中身*</TD> </TR> </TBODY> </TABLE> </TD> <TD background="右の画像"> </TD> </TR> <TR> <TD><IMG src="左下の画像" width="15" height="15"></TD> <TD background="下の画像"> </TD> <TD><IMG src="右下の画像" width="15" height="15"></TD> </TR> </TBODY> </TABLE> です。 ビルダーで編集してます。 横幅は60%でいいんです。 画像サイズは、左上・右上・右下・左下・右・左・上・下全て15×15です。 中途半端な説明かと思いますがご教授お願いします。 えーっと、それとなるべくなら小学生でも分かりやすい説明をお願いします。小学生じゃないですけど。

    • ベストアンサー
    • HTML
  • テーブル高さ指定タグについて

    テーブル高さ指定タグについて サイズがバラバラの4枚の画像をテーブルを使って同じ幅・高さ縦横各2枚並べて表示したいと思っています。 下記のとおり高さ・幅300と指定をしているにもかかわらず、400×400pixの画像が高さを超えて目いっぱい表示してしまいます。 <table border="1" width="600" height="600" cellspacing="0" cellpadding="0"> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_1.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_2.jpg"></td> </tr> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_3.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_4.jpg"></td> </tr> </table> どうすれば、すべて300×300pixの範囲内におさめることができるのでしょうか?

    • ベストアンサー
    • HTML
  • tableタグについて

    どのようのウィンドー幅になっても全ての文字が表示させたいのですが、以下のタグの何処がおかしいのでしょうか。 <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <div align=center> <table width="700"> <tr> <td>あいうえお・かきくけこ・さしすせそ</td> </tr> </table> </div> </td> </tr> </table> この場合、ウィンドー枠を右から左に向かって縮小していくと、「あいうえお・かきくけこ・さしすせそ」の”そ”から順に見えなくなります。  そのではなくて、 あいうえお かきくけこ さしすせそ になり、 さらに縮小すると あい うえ おか かき くけ こさ しす せそ の様な感じで すべてが表示されるようにしたいのですが、どのようなタグを挿入すれば良いのでしょうか? お願いします。

  • テーブルを作ったんですが…

    はじめまして 画像テーブルを作ったのですが、スクロールバーがでません。 タグを載せておきますので暇でしたら解答してください。 <style TYPE="text/css"> <!--.auto {border:solid;height:450pt;width:500pt;overflow:auto;}--> </style> <TABLE align="left" width="500" cellpadding="0" cellspacing="0" border="0"> <TBODY> <TR> <TD width="420" height="27"><IMG src="01.gif" width="42" height="27" border="0"></TD> <TD background="02.gif"></TD> <TD width="0" height="0"><IMG src="03.gif" width="40" height="27" border="0"></TD> </TR> <TR align="left"> <TD background="04.gif"></TD> <TD width="100%" height="350" bgcolor="white"><pre>テスト<BR> </TD> <TD background="06.gif"></TD> </TR> <TR> <TD width="416" height="25"><IMG src="07.gif" width="42" height="46" border="0"></TD> <TD background="08.gif"></TD> <TD width="0" height="0"><IMG src="09.gif" width="40" height="46" border="0"></TD> </TR> </TBODY> </TABLE>

  • 画像を使ったテーブルで隙間ができてしまいます

    画像を枠に使ったテーブルをHTMLで作成し、FC2ブログに載せています。 Chrome上ではうまく表示されるものの、IE、Firefoxでは Rowの上に隙間ができてしまい、枠画像が正しく表示されません。 ----------Tableの基本構造---------- <table cellspacing="0" cellpadding="0" border="0" width="x" height="y" bgcolor="#FFFFFF"> <tr><td><img src="左上角"></td> <td><img src="上部"></td> <td><img src="右上角"></td></tr> <tr><td width="15"><img src="左1列目"></td> <td style="color:# … ;"> 内容1</td> <td width="15"><img src="右1列目"></td></tr> <tr><td width="15"><img src="左2列目"></td> <td style="color:# … ;"> 内容2</td> <td width="15"><img src="右2列目"></td></tr> <tr><td><img src="左下角"></td> <td><img src="下部"></td> <td><img src="右下角"></td> </tr></table> -------------以上-------------- 上記のものよりも実際は行と列を増やしておりますが、基本的に増殖しているだけです。 1行目と2行目の間に隙間ができて縦の画像枠が細切れになっています。 隙間ができているのは行の下ではなく、上の部分のように見えます。(背景色の見え方などから) テーブルのみの上記コードは、ローカル環境ではIEでも正しく表示されるため、 ブログにアップした際乱れるのは、スタイルシートの影響かと考えております。 自分でそれらしいところをいろいろ設定をいじりましたが改善しません。 ということで、 ≪スタイルシートの設定で、画像を枠に使ったテーブルの隙間に影響を与えうる要素≫ が何が考えられるか教えて頂ければと存じます。 なお、使っているStyle Sheetは以下のものですが、 http://blog-imgs-30-origin.fc2.com/w/m/k/wmks/wm_gienah_R.html TableにかかわるStyle部分はコメントアウトしましたので、テーブル自体のスタイルは 適用されていないはずです。

    • ベストアンサー
    • CSS
  • テーブル内でのランダムな並べ変え

    全然知識がないのですがよろしくお願いします。 タグで <table border="0"> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff">&nbsp;&nbsp;◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff">&nbsp;&nbsp;◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff">&nbsp;&nbsp;◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> </table> このようなテーブルがあって、その順番をページ更新でタイトル・画像・文書を一枠としてクルクルランダムに入れかえたいのですが、どうしたらいいでしようか? 今後、この一枠がドンドン増えて行って、それも含めて全ての枠をランダムに入れ替えたいのです。 jqueryで簡単にできるようなことは聞きましたが、私には知識がないので助けてください。 よろしくお願いします。 http://www.finefinefine.jp/web/kiji2068/ ここを見れとも言われたのですが、スクリプトは私には不明です・・・

  • テーブルのセルに画像をピッタリ表示するには

    よろしくお願いします。 テーブルの以下のタグ並びで、 <img src=>の部分の画像jpgを、枠にピッタリ表示したいのです。 以前作った他のhtmlファイルでは、画像のサイズに変化があっても、自動的に枠にピッタリ表示でき、 同じ通りタグを書いたはずなのですが、 なぜか?今回は、この画像が、 一行二列目の枠(これが大きくなってしまう) のその左端寄りに、幅よりも小さく浮いたように表示されてしまいます。(枠の右側に不要な余白ができてしまう) 枠や画像のサイズを固定しても同じです。 この画像の枠以外は、画像ではなくテキストです。 うまくいかないのはなぜなのでしょう? どこに間違いがあるのでしょうか、教えてください、お願いいたします。 <table width="85%"border="1" cellpadding="5" cellspacing="5" align="center"> <tr><td>一行一列目     </td> <td rowspan="3">1行二列目~ココの部分~<img src="" width="" height="" align="center" valign="top" alt=""> </td></tr> <tr><td>2行一列 </td></tr> <tr><td>3行一列 </td></tr> <tr><td>4行一列目 </td> <td>4行二列目 </td></tr> <tr><td colspan="2">5行一列           </td></tr> <tr><td colspan="2">6行一列           </td></tr></table>

    • ベストアンサー
    • HTML
  • HPを、HTML言語で編集しています。

    HPを、HTML言語で編集しています。 「例」という添付図の、枠内の提灯を右の余白に動かしたいのですが、うまくいかなくて困っています。ご教示下さい。 タグは以下です。 <CENTER><TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="700" height="10" background="red.gif"></TD> </TR> </TABLE></CENTER> <CENTER><TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="10" height="150" background="red90.gif"></TD> <right><img src="tyoutin.gif" width:76px; height:96px; border="0" alt="maru"></right> <TD align="left">&nbsp;&nbsp;&nbsp;&nbsp; 日付 ○○○○○○○○○○○○○○○○</A><BR> <BR>&nbsp;&nbsp;&nbsp;&nbsp; 日付 ○○○○○○○○<BR> <BR>&nbsp;&nbsp;&nbsp;&nbsp; 日付 ○○○○○○○○○○○○○○○○○○○○○○○○ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</P> <TD width="10" height="150" background="red90.gif"></TD> </TR> <CENTER><TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="700" height="10" background="red.gif"></TD> </TR> </TABLE></CENTER><br><br><br><br>

  • 同じ<table align="center">を用いていますが、セルの中身の行揃えが代わってしまいます。

    どちらも<table align="center">を用いています。 ですが、タグ1は特にセルの位置を指定せずとも、セルの中身が自動的に左詰めになりますが タグ2のセルの中身は、中央ぞろえになってしまいます。 タグ1のように、<table align="center">を用い、セルを左詰め指定(<align="left">)をせずとも なぜセルの中身が左詰めになるのか分かりません。。。 -------------タグ1------------- <table width="600" border="0" align="center" cellpadding="0" cellspacing="5"> <tr> <td width="10"><img src="img/concept_title.gif" width="10" height="30"></td> <td><img src="img/concept_title01.gif" alt="テキスト" width="127" height="16"></td> </tr> <tr> <td width="10">&nbsp;</td> <td class="t01">テキスト</td> </tr> </table> ------------------------------ -------------タグ2------------- <table width="640" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="3" rowspan="2" valign="top"><img src="image/grade_line.gif" width="3" height="177" /></td> <td width="8" valign="bottom"><img src="image/grade_line30.gif" width="20" height="2" /></td> <td width="368"><img src="image/kisyo/01t.gif" width="368" height="32" /></td> <td align="left" valign="bottom"><img src="image/grade_line_right.gif" width="42" height="2" /></td> </tr> <tr> <td>&nbsp;</td> <td height="145" align="left">テキスト <td rowspan="2"><img src="image/kisyo/01_ph.jpg" alt="井戸" width="200" height="139" /></td> </tr> <tr> <td valign="top"><img src="image/grade_line_bottom02.gif" /></td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> ------------------------------ 初心者的な質問・タグで恐れ入りますが、ご助力頂けますと幸いです。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • テーブルで画像を並べるときに・・

    今ホームページをつくっていて 幅600pxのロゴ(jpg画像)の下に幅280px,80px,80px,80px,80px画像を並べています。 全部の画像をぴったりくっつけたいんですが、上のロゴと下の5つ並んだ画像の間に1pxくらいの隙間が出来てしまいます。 ソースは <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="img/title.jpg" width="600" border="0"> </td> </tr> <tr> <td> <img src="img/1.jpg" width="280"height="35" border="0"> </td> <td> <img src="img/2.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/3.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/4.jpg" width="80" height="35" border="0"> </td> <td> <img src="img/5.jpg" width="80" height="35" border="0"> </td> </tr> </table> http://web-channel.com/index.html このホームページのようにしたいんですがどこを直したらいいんでしょうか? 環境は、WinMEでエディタにタグ打ち込んで作ってます。

    • ベストアンサー
    • HTML
このQ&Aのポイント
  • ThinkPad X1 Carbon(20KHCTO1WW)でWindows10を使用していて、デバイスマネージャー内にポート(comとlpt)が表示されない問題が発生しています。
  • 非表示のデバイス表示でもポートは表示されないため、製品自体にはポートが搭載されていない可能性があります。
  • 他の方法でポート接続を行うことは可能ですか?ポート(comとlpt)の代替手段など、ご教示いただければ幸いです。
回答を見る

専門家に質問してみよう