• ベストアンサー

表示できないページ

社内のイントラを作成しています。 以下のソースのページを作成したのですが、 WIN95、IE5.00の端末で開くと「ページが表示できない」 というメッセージがでて、ページが表示できません。 原因として、なにがおかしいのでしょうか？ 宜しくお願いします。 ＜＜　ソース　＞＞ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY BACKGROUND COLOR="white" TEXT="#FF80C0" LINK="#FF80C0" VLINK="#009999"> <CENTER> <P STYLE="BACKGROUND-COLOR:00D9B2;"><FONT SIZE=3 COLOR=#CC0099>便利なリンク集</FONT></P> <BR> <FONT SIZE="4" COLOR=BLACK><B>～便利なリンク集～</B><FONT> <P><BR> </CENTER> <IMG SRC=""CLASS="PARAM1" ALIGN="right" width="100" height="90"> <BR><BR><BR> <CENTER> <TABLE BORDER="0"WIDTH="350"> 　<TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="html"> 情報・通信グループ　　ユーザ管理システム　（ユーザ向け）</A></FONT></TR> 　<TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="soum2.html" >事故報告書の作成（ＳＥが対応した事故を対象とする）</A></FONT></TR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="doc">　東京インフラＧ　　所有品の持出しについて　</A></FONT></TR><BR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="">ＰＧ制定要否決裁流れについて</A></FONT></TR> </TABLE> <BR><BR> <FONT SIZE="4" COLOR="RED"><A href=""><B>back</B></A></FONT> </CENTER> </BODY> </HTML>

  • xxxx
  • お礼率45% (9/20)
  • HTML
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
回答No.3

単独でも表示できると思われますので，リンクがきちんと出来ていないのではないでしょうか？ No.2のtenmayさんが詳しく書かれていますので参考にしてください。 で，ソースの間違いを・・・。 <BODY BACKGROUND COLOR="white" TEXT="#FF80C0" LINK="#FF80C0" VLINK="#009999"> は <BODY bgcolor="white" TEXT="#FF80C0" LINK="#FF80C0" VLINK="#009999"> に <P STYLE="BACKGROUND-COLOR:00D9B2;"><FONT SIZE=3 COLOR=#CC0099>便利なリンク集</FONT></P> <BR> <FONT SIZE="4" COLOR=BLACK><B>～便利なリンク集～</B><FONT> <P><BR> の部分は <P STYLE="BACKGROUND-COLOR:00D9B2;"><FONT SIZE=3 COLOR=#CC0099>便利なリンク集</FONT></P> <P><BR> <FONT SIZE="4" COLOR=BLACK><B>～便利なリンク集～</B></FONT><BR></P> としてください。なお，スタイルシートの指定はこれで構いませんよ。 <TABLE BORDER="0"WIDTH="350"> 　<TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="html"> 情報・通信グループ　　ユーザ管理システム　（ユーザ向け）</A></FONT></TR> 　<TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="soum2.html" >事故報告書の作成（ＳＥが対応した事故を対象とする）</A></FONT></TR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="doc">　東京インフラＧ　　所有品の持出しについて　</A></FONT></TR><BR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="">ＰＧ制定要否決裁流れについて</A></FONT></TR> </TABLE> と，一番の問題部分については， <CENTER> <TABLE border="0" width="350"> <TBODY> <TR> <TD><FONT size="3" color="#000000"><A HREF="html">情報・通信グループ　　ユーザ管理システム　（ユーザ向け）</A></FONT></TD> </TR> <TR> <TD><FONT size="3" color="#000000"><A HREF="soum2.html" >事故報告書の作成（ＳＥが対応した事故を対象とする）</A></FONT></TD> </TR> <TR> <TD><FONT size="3" color="#000000"><A HREF="doc">　東京インフラＧ　　所有品の持出しについて　</A></FONT></TD> </TR> <TR> <TD><FONT size="3" color="#000000"><A HREF="">ＰＧ制定要否決裁流れについて</A></FONT></TD> </TR> </TBODY> </TABLE> </CENTER> とします。なお，VALIGN="MIDDLE"は上下関係の中央指定でしてこの場合あまり意味がないため省きました。左右関係の中央指定をするのでしたら，ALIGN="center"と指定してください。 また，リンクを貼っているところすべてにいえるのですが，<FONT SIZE="4" COLOR="RED"><A href="">この順番では文字の色指定が無効になってしまいます。 <A href=""><FONT SIZE="4" COLOR="RED">とすると色指定が有効になりますからこうするか，文字の色指定を外してください。ただし，文字の色指定を有効にしてしまうとLINKおよびVLINKで指定した色が逆に無効になってしまいます。

xxxx
質問者

お礼

皆さん。 ご回答ありがとうございました。 基本的にソースがおかしかったのですね。 表示できるPCとできないPCがあるので 理解できていませんでした。 HTMLのほうをもう一度勉強しなおします。

その他の回答 (2)

noname#21343
noname#21343
回答No.2

　こんにちは。 　とりあえず、このページを単独で表示させてみてください。これでちゃんと表示されるのであれば、他のページ（ａ．ｈｔｍｌとします）からこのページ（ｂ．ｈｔｍｌ）へのリンクの記述が間違っていることが考えられます。 　例えば、 １）ａ．ｈｔｍｌとｂ．ｈｔｍｌが同じディレクトリにあるのに、別のディレクトリにあるように記述されている ２）ａ．ｈｔｍｌとｂ．ｈｔｍｌが別のディレクトリにあるのに、同じディレクトリにあるように記述されている （例１） <a href="../b.html">となっている （例２） <a href="b.html">となっている ＃上記１）の場合は（例２）に、上記２）の場合は（例１）のように記述してください。 　xxxxさんが書かれたソースをコピー＆ペーストして私の端末で試してみましたが、ちゃんと表示されましたよ。 ＃Ｗｉｎ９５＋ＩＥ５．５です。 　それから、Ｎｏ１さんも回答されていますが、ｈｔｍｌの記述が多少不正確なところがあるようです。 １）ｈｔｍｌのタグとスタイルシート用の記述が入り混じっている ２）文字サイズや色表示、リンク先の記述がばらばら ＃「””」があったりなかったり／<a href=>以下にリンク先のＵＲＬがあったりなかったり ――など。 　参考ＵＲＬで、ｈｔｍｌの記述を確認することができます。 　参考になれば幸いです。

参考URL：
http://www.mikeneko.ne.jp/~lab/htmllint/mikelint.html
noname#8250
noname#8250
回答No.1

＞BACKGROUND COLOR="white" bgcolor="white"って書くんじゃないでしょうか？ ＞COLOR=#CC0099 COLOR="#CC0099"といった感じで記述するべきかと。 ＞BORDER="0"WIDTH="350" BORDER="0" WIDTH="350" 各属性間はスペースを入れるはずなんですが... 根本的におかしいのは「TD」タグがないことです。きちんとHTMLの知識を得てソースを書くべきだと思いますが... では。

参考URL：
http://tohoho.wakusei.ne.jp/www.htm
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • Dreamweaverのデザインで表示がおかしい時

    IEだと綺麗に表示されるけど、Dreamweaverのデザインで見ると表示がおかしい時って結構あり困ってます。 ソースフォーマットとかやってもやはり駄目です。 今回の場合、どのタグが悪そうでしょうか？ <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-JP"> </HEAD> <BODY> <BR> <BR> <BR> <TABLE align="center" cellSpacing=0 cellPadding=0 width="95%" bgColor=#0066cc border=0> <TBODY><TR><TD> <TABLE cellSpacing=2 cellPadding=1 width="100%" border=0> <TBODY> <TR bgColor=#0066cc> <TD align=middle><SMALL><B><FONT color=#ffffff> テキストツール </FONT></A></B></SMALL>&nbsp; </TD></TR> <TR bgColor=#ffffff> <TD align=middle> <TABLE height="400" cellSpacing=0 cellPadding=1 width="95%" border=0> <TBODY> <TR valign=top> <TD width="100%" valign="center" align="center"> <BR><A>トップページ</A><BR><BR> </TD> </TR> <TR valign=top> <TD width="100%" valign="top" align="center"> <A HREF="list">あ</A><BR><BR> <A HREF="clist">い</A><BR><BR> <A HREF="slist">う</A><BR><BR> </TD> </TR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </BODY></HTML>

  • VBAでホームページに表示された情報をセルに分割して取得していきたいのですのですがどのように記述したらよろしいでしょうか。

    宜しくお願い致します。 HTMLを長々と記述しておりますが、お許しください。 VBAでホームページに表示された情報をセルに分割して取得していきたいのですのですがどのように記述したらよろしいでしょうか。 以下のようなHTMLがありまして、エクセルのWEBクエリを利用して取得していこうかと思ったのですが、エラーが表示されてしまいうまく取得することができませんでした。 そこで、ブラウザコントロールでしたら、ページが表示された時点で、 すべての情報の取り込みが完了してますので、HTMLをうまく解体すればセルに情報を格納できるかと思ったのですが、どのようにデータを解体・取得すればいいのかが分からない状態ですので、是非御教授いただけたらと思っております。 なお、以下のHTMLは一行目に項目二行目にその項目に基づいた情報が記載されておりまして、今回は二行目までの記述となっておりますが、基本的には複数行にわたるものとなっておりますので、是非その点に関しても踏まえたうえでのアドバイスをいただけたらと思っております。 ご面倒をおかけいたしますが、何卒宜しくお願い致します。 <TABLE width="100%" border="1" cellspacing="1" cellpadding="3"> <TR bgcolor="#006633"> <TD align="center" nowrap><FONT color="#FFFFFF">訂正<BR>取消</FONT></TD> <TD align="center" width="11%"><FONT color="#FFFFFF">口座区分</FONT></TD> <TD align="center"><FONT color="#FFFFFF">銘柄</FONT></TD> <TD align="center" width="13%" nowrap><FONT color="#FFFFFF">取引区分<BR>執行条件</FONT></TD> <TD align="center" width="5%"><FONT color="#FFFFFF">売買</FONT></TD> <TD align="center"><FONT color="#FFFFFF">発注数[株]</FONT></TD> <TD align="center"><FONT color="#FFFFFF">値段[円]</FONT></TD> <TD align="center" width="8%"><FONT color="#FFFFFF">受付日時</FONT></TD> <TD align="center" width="5%"><FONT color="#FFFFFF">有効期間</FONT></TD> <TD align="center" width="5%"><FONT color="#FFFFFF">状態</FONT></TD> <TD align="center"><FONT color="#FFFFFF">約定<BR>数量[株]-単価[円][時間]</FONT></TD> </TR> <TR bgcolor="#CCCCCC"> <TD align="center" valign="middle" bgcolor="#CCCCCC"><BR></TD> <TD align="center" valign="middle">**</TD> <TD align="center" valign="middle"><A href="/servlet/ITS/direct/DirectStkOrder;********************・・・・" onClick="return linkCheck()"><FONT color="#211799"><B>*****</B><BR>*****/FONT></A></TD> <TD align="center" valign="middle">**<BR>－</TD> <TD align="center" valign="middle"><FONT color="#990000"><B>*</B></FONT></TD> <TD align="right" valign="middle">****</TD> <TD align="right" valign="middle">****</TD> <TD align="center" valign="middle">**/**<BR>*******</TD> <TD align="center" valign="middle">当日</TD> <TD align="center" valign="middle"><B><A href="/servlet/ITS/stock/StkOrderDetail**********************・・・・・" onClick="return linkCheck()"><FONT color="#211799">**</FONT></A></B></TD> <TD align="right" valign="middle"><BR></TD> </TR> </TABLE>

  • 表示すると文字化けします

    下記のファイルが表示されると文字化けしてエンコードを修正しないとみれませんなぜでしょうか？ 日本語EUCになってしまします。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD bgcolor="#ffff00" width="699"><B><FONT size="+2">登録ありがとうございました</FONT></B></TD> </TR> <TR> <TD height="99" width="699"><B>■<A href="http*************************">使いこなすために</A>手順に沿って進んでください</B>→<A href="http**************************">次へ進む</A></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • 自動的に空欄を埋めれるようにするには？

    お世話になります。 以下はテーブルを使ってつくられたものです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>index03のページ</title> <style type="text/css"> <!-- body { background-color: #FFFFCE; background-image: url(); } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .style132 {font-size: 14px; color: #CC6600; } .style153 {font-size: 16px; color: #9CCE39; font-weight: bold; } .unnamed1 { font-size: 16px; color: #FF0000; font-style: italic; font-weight: normal; } .unnamed2 { color: #FF6600; font-size: 16px; font-style: italic; } .unnamed3 { color: #CCCC00; font-size: 16px; font-style: italic; } .unnamed4 { color: #6B9C21; font-size: 16px; font-style: italic; } .unnamed5 { color: #006600; font-size: 16px; font-style: italic; } .unnamed6 { color: #55A0FF; font-size: 16px; font-style: italic; } .unnamed7 { color: #0000FF; font-size: 16px; font-style: italic; } .unnamed8 { color: #6600CC; font-size: 16px; font-style: italic; } .style1 {color: #FFFFCE} .style2 {color: #A9E2A9} --> </style> </head> <body bgcolor="#ECE9D8"> <a name="建設業"></a><br> <table width="746" height="26" border="1" bordercolor="#9CCE39" bordercolorlight="#9CCE39" bordercolordark="#9CCE39" bgcolor="#9CCE39"> <tr> <td width="736" height="20" align="left" valign="middle" background="color01.gif">　　<span class="style153">■</span>　<span class="style153">建設業</span>　<span class="style153">■</span></td> </tr> </table> <br> 　<span class="unnamed1">（あ行）</span> 　 <table width="740" cellspacing="0"> <tr valign="middle"> <td width="367"></td> <td></td> </tr> <tr valign="middle" bgcolor="FFFFCE"> <td>　　<a href="A073.htm" target="_parent" class="style132">・　あああ</a></td> <td>　　<a href="A017.htm" target="_parent" class="style132">・　いいい</a></td> </tr> <tr valign="middle" bgcolor="FFCCFF"> <td>　　<a href="A069.htm" target="_parent" class="style132">・　ううう</a></td> <td>　　<a href="A043.htm" target="_parent" class="style132">・　えええ</a></td> </tr> こちらはテーブルを使って書かれたものですが、 (1)テーブルを使わずに (2)「あああ」を消した場合 (3)自動的に「いいい」が「あああ」のあったところに移動 させるには、どうしたらよいでしょうか？ ヒントでもかまいませんので、ご協力よろしくお願いします。

  • フレーム中プルダウンJumpボタン別ページの箇所に

    お世話になります 5年前まで有効だった作用が放置したためか、このたび作用しなくなり、調べてみたのですが、Javaに頼らずにはいられないのか、 わからず困っております 左側サブhidariと右側メインmigiと名前をつけたフレームを未だに 設定しておりますが、ともあれ、CSS（のみではありませんでした）で動いていたので、、、 右migiページに作ったプルダウン一覧（リンクなし）に 新たにリンクボタン（Ｊｕｍｐ！と反映はできています）を表示し、別ページの「特定箇所」にリンクし、 migiページに反映させたいのです ジャンプボタンを出現させ、リンクも飛ばしも特定箇所ジャンプも 可能だったのに、なぜなのでしょう 元ページ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <～～～～ <select name="プルダウンメニュー" size="1"> <option style="font-family:MS UI Gothic;background-color:#d3d3d3;color:#8b668b"align="center"> 　　　　　*　～～～～～～～～～～～～</option> <option style="background-color:#000044;color:#f0fff0"> ～～～～～～～～～～～～～～　</option> <option style="background-color:#000044;color:#f0fff0"> ～～～～～～～～～～～～～～　</option> <option value="#"> <option value="000_new2018diary.html#diary_0043">　 ～～～～～～～～～～～～～～　</option> ジャンプ先ページ <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01Frameset//EN"> <HTML> <HTML lang="ja"> <HEAD> <TITLE>diary_title~2018</TITLE> <meta name="robots" content="index"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-jp"> <META http-equiv="Content-style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <META NAME="auther" content=""> <META NAME="copyright" content="c2018 ."> <Style Type="text/css"> <!-- /*style*/ body {line-height:130%; font-family:MS UI Gothic; /*background-image:url(n_kabe.png);*/ background-image:url(film.jpg); background-repeat:no-repeat; background-position:right top; background-attachment:fixed; scrollbar-face-color:#000033; background-color:#000022; } A{text-decoration:none; cursor:w-resize; } A:HOVER{ text-decoration:none; border-width:1px 1px 1px 1px; border-style:solid solid solid solid; border-color:#7868ee; } --> </Style> </HEAD> <BODY onContextmenu="return false" text="#b0e0e6" Link="#f5fffa" ALink="#EE82EE" VLink="#d8bfd8" basefontsize="2"> <table width="700"border="0"cellpadding="0"cellspacing="0"align="center"valign="top"> <tbody> <br> <br> <div align="left"><small><font color="#6090ef"> <address> </address> <font color="#ffffff"> ～～～　　　<br> ～～～～～～</small></font></div><br> <br><br> <tr<td>width="500"height="3"border="0"cellpadding="0"cellspacing="0"align="left"bgcolor="#191970"valign="top"> <font color="#c0c0c0"> ～～～～～～～～～～～～ </td></tr> <div align="left"> <br> <a name="4top"><br><br> <a href="#diary_0043">　～～　</a><br> <a href="#diary_0042">　～～　</a><br> <a href="#diary_0041">　～～　</a><br> </div><br><br> </font> </tbody></table> <span align="left">　　　　<img src="ico_bulb.gif"border="0"> 　～～～～～　<a name="diary_0043"></a> </span> <table width="85%"border="1"cellpadding="5"cellspacing="3"align="center"fontcolor="#ffffff"> <tr><td class=a> <b> 　 ～～～～～～～～　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 </b></td> <td style="background:url(～～.jpg) no-repeat center top" rowspan="3"></td> </tr> <tr><td> ～～～～～～～　<td></tr> <tr><td> <pre> ～～～～～～～～ </pre> </td></tr> <tr> <td class=a> <pre> ～～～～～～～ </pre> </td> <td><div align="center"><small>～～～～</small></div></td></tr> <tr><td colspan="2"class=a> <p onclick="document.all.nodiary_0043.style.visibility=document.all.nodiary_0043.style.visibility=='hidden' ? 'visible' : 'hidden' " style="cursor : pointer;"> click on</p> <p id="nodiary_0043" style="visibility:hidden"align="left"> <!--ここに書き込む--> <font color="#c0c0c0"> ～～～～～～～～～　 </p> </td></tr> <tbody> </table> <br><br> <a href="#4top">↑リストに戻る</a><br><br> <br><div align="center"> <a href="new_home.html"target="migi"style="cursor:e-resize;"> <img src="ico_bird_r.gif"border="0"title="　　ホーム表紙　まで戻ります　　">　　HOME　　</a></div> <br> </body> </html> 何ゆえ、統一性のないタグだと承知しておりますが、 不能になったタグなどあるか、 何か書き落としがあるか、設定が間違っているのか？ 教えてください よろしくお願いいたします

    • ベストアンサー
    • CSS
  • HTMLについて

    HTML初心者です。いろいろ調べながら下記の画像のテンプレートを作っているのですが、1枠と2枠の頭が揃いません。わかる方教えてください。画像が見づらいかもしれませんが宜しくお願い致します。 <html> <body> <br><center> <font size="6" color="#00000"> <b>タイトル</b> </font> <hr> <br><br> <table width="800" height="500" cellpadding="15" cellspacing="10" BORDER="4" bgcolor="F3F30E"> <tr> <td width="50%" rowspan="4" BGCOLOR="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 1 </u></b></font> <br><br> <font size="3" color="#00000"> </font> </td> </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 2 </b></u></font> <br><br> <font size="3" color="#00000"> </font> </td> </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 3 </b></u></font> <br><br> <font size="3" color="#00000"> </font> </td </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 4 </b></u></font> <br><br> <font size="3" color="#00000"> <b></b> </font> </td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • IE以外のブラウザでも表示したい

    文字をウィンドウ底面に合わせて動くレイアウトにした所、 Netscape・FireFox・Operaでは文字が消えて見れませんでした。IEでは普通に希望レイアウト通り見れています。 IE以外のブラウザ（最低限上記）でも見れるようにするにはどうしたらよいのでしょうか？ タグは以下のようになっていますがどこか間違っていたらご指摘お願い致します。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>menu</title> <style type="text/css"> <!-- BODY{ scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:black; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; background-color : black; background-image : url(logo.gif); background-repeat : no-repeat; background-attachment : fixed; position : fixed; } P{ font-family : Arial; font-weight : bold; color:#dcdcdc; position:absolute; bottom:0px; margin-left : 30px; } FONT{ font-size : 8pt; font-family :"ＭＳ ゴシック"; font-weight : normal; } --> </STYLE> </head> <body> <p align="center"> <a href="**.html" target="**">1</a><br> <br> <a href="**.html" target="**">2</a><br> <br> </p> </body> </html>

    • ベストアンサー
    • HTML
  • 正解の答えを表示したいのですが・・・

    先日、ラジオボタンで解答を選択し、採点ボタンを押すと「○×」が出るように教えていただきました。 さらに、「○×」表示の横に、「×」の場合に正しい答えを（「Ａ」）と表示するようにしたいと思っています。 ぜひ教えてください。よろしくお願いいたします。 <html> <head> <style type="text/css"> <!-- .maru{ display:inline; width:20px; border:0px solid ; color:red; font-weight:600; } --> </style> <script language=javascript> function displayScore(f){ var score = 0; var radios=new Object(); for(i =0 ; i<f.length;i++){ if(f[i].type=="radio"){ if(!radios[f[i].name]){ radios[f[i].name]=new Object() radios[f[i].name].flg=false; radios[f[i].name].name=f[i].name; } if(f[i].checked == true){ radios[f[i].name].flg=true; radios[f[i].name].score=parseInt(f[i].value); } } } for(var i in radios){ if(radios[i].flg==false){ alert(radios[i].name+"のチェックが抜けてます"); return false; } score+=radios[i].score; f["maru_"+i].value=radios[i].score==0?"×":"○"; } alert(" あなたの点数は " + score + " 点 です"); document.form1.score.value=score } </script> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </head> <body> <FORM name="form1"> <TABLE bgcolor="#999999" cellpadding="0" cellspacing="1" height="10"> <TBODY> <TR> <TD width="193" valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2">　Q1：あいうえお</FONT></TD> <TD valign="middle" width="151" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2"><input type="radio" name="q1" value="10" id="q1_1"><label for="q1_1">A</label>　<input type="radio" name="q1" value="0" id="q1_2"><label for="q1_2">B</label>　<input type="radio" name="q1" value="0" id="q1_3"><label for="q1_3">C</label></FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="center" height="25" width="44"><FONT color="#000000" size="2"><input type="text" name="maru_q1" class="maru"><BR> </FONT></TD> <TD valign="middle" bgcolor="#ffffff" width="38"></TD> </TR> <TR> <TD valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2">　Q2：かきくけこ</FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2"><INPUT type="radio" name="q2" value="10" id="q2_1"><LABEL for="q2_1">A</LABEL>　<INPUT type="radio" name="q2" value="0" id="q2_2"><LABEL for="q2_2">B</LABEL>　<INPUT type="radio" name="q2" value="0" id="q2_3"><LABEL for="q2_3">C</LABEL></FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="center" height="25" width="44"><FONT color="#000000" size="2"><INPUT type="text" name="maru_q2" class="maru"><BR> </FONT></TD> <TD valign="middle" bgcolor="#ffffff" width="38"></TD> </TR> </TBODY> </TABLE> <DIV align="left"><INPUT type="button" value="　採 点　" onclick="displayScore(this.form)"><BR> <BR> <TABLE border="0" bgcolor="#ffff66"> <TBODY> <TR> <TD width="213" valign="middle"><FONT color="#000000" size="2"><B>　あなたの点数</B>　 <INPUT type="text" style="ime-mode:active;text-align : center;" size="10" name="score" readonly>　<B>点</B></FONT> </TD> </TR> </TBODY> </TABLE> </DIV> </FORM> <DIV align="left"></DIV> </body> </html>

  • Firefoxでテーブルの外側の背景色が出ない

    IE8では中央にテーブルが配置し外側の背景色が出るのですが、Firefoxではテーブルの位置も左側に寄り、外側の背景色がテーブル内と同じ白一色になってしまうのですが、どう直したらいいのでしょうか。 以下、ソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows"> <TITLE>○○○</TITLE> <STYLE TYPE="text/css"> <!-- BODY {background:'palegreen';color:#000000;text-align:center;} TABLE {background:#FFFFFF;color:#000000;} CAPTION {background:#FFFFFF;color:#000000;text-align:left;font-weight:bold;} .tmscntr {text-align:center;font-size:14px;font-family:'Times New Roman';} .tmsrght {text-align:right;font-size:14px;font-family:'Times New Roman';} .tmslft {text-align:left;font-size:14px;font-family:'Times New Roman';} SPAN {margin-left:20PX;"}}}}}}}} .cntr {text-align:center;} .rght {text-align:right;} .lft {text-align:left;} A:visited {color:#000099;} A:active {color:#FFFFFF;background:#CCCCFF;} A:hover {color:#DCDCDC;background:#000099;} --> </STYLE> </HEAD> <BODY text="#000000" bgcolor="#FFFFFF" link="#ff3535" vlink="#808080" alink="#ff8040"> <DIV><BR> <TABLE cellpadding=5 cellspacing=0><CAPTION>○○○</CAPTION><TR><TD> <TABLE border="0" cellpadding=5 cellspacing=0><CAPTION>○○○</CAPTION> <TR><TD><b>(1)○○○</b></TD><TD><b>○○○</b></TD><TD colspan="3"><b>○○○○○○</b>　<b><font color="#ff0000">○○○</b></font></TD></TR> <TR><TD></TD><TD style={text-indent:24px;}><b>○○○</TD><TD><b>○○○○○○○○○</b></TD></TR> <TR><TD><br><b>(2)○○○</b></TD><TD><br><b>○○○</b></TD><TD colspan="3"><br><b>○○○<b><font color="#008800">○○○○○○○○○</b></font></TD></TR> <TR><TD></TD><TD style={text-indent:24px;}><b>○○○</b></TD><TD><b>○○○○○○○○○</b></TD></TR> <TABLE align="center"><br><br><br> </TABLE> </TD></TR></TABLE></DIV> </BODY> </HTML>

  • テーブルタグについて

    重ね重ね質問してごめんなさい！ スタイルシートを使ってみたんですけど・・・ <HTML> <HARD> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <META name="robots" content="noindex,nofollow"> <TITLE>**************</TITLE> <style type="text/css"><!-- body{font-size:12px;} div{font-size:14pt;font-weight:bold;color:orange;text-indent:47em;} .moji{font-size:13px;font-weight:normal;color:black;text-indent:65em;} span{font-size:14px;color:orange;margin-left:75em;} .rire{font-size:12px;color:black} --></style> </HEAD> <BODY> <BR><BR><BR><BR> <div>***********</div> <BR> <div class="moji">***************</div> <BR><BR> <span><A HREF="mail.htm"><IMG SRC="image/******.gif" border=0></A>(←mail)</span> <BR><BR><BR><BR> <table class="rire" border align="right" border="0" cellpadding="0" cellspacing="1" bordercolor="orange"> <tbody> <tr> <td>**** <img src="image/***.gif"></td> <BR> <tr> <td align="left"> <table style=" border:1px;solid #ffa000; cellpadding: 3px;width: 320px;height: 63px ;color:black; font-size:12px;"> <tr> <td>****</td> </tr> </tbody> </table> 　　　・ 　　　・ 　　　・ テーブルタグを閉じても文字がテーブルの中に入ってしまうんです・・・。 何が間違っているのか分かりません・・・。閉じるタブは閉じてます・・・よね？ 教えてください！

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する