HTMLタグについて

このQ&Aのポイント
  • HTMLタグについてのお悩みを解決!エラーが出る原因や修正方法をご紹介します。
  • 文字化けしているHTMLタグの修正方法とは?正しく表示されない原因を解説します。
  • HTMLタグの修正方法や表示エラーの解決策を教えます。要チェック!
回答を見る
  • ベストアンサー

HTMLタグについて

<!-- #EndEditable --> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <link rel="stylesheet" href="古いデーター/text.css" type="text/css"> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="5" marginwidth="0" marginheight="5"> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td><div align="center"><img src="toppu2.gif" width="700" height="92"></div></td> </tr> </table> <div align="center"> <table width="760" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><img src="botan4.gif" width="700" height="57" border="0" usemap="#Map6"></div></td> </tr> <tr> <td><div align="left"><!-- InstanceBeginEditable name="contents" --> _________________________  上記のタグで 【<link rel="stylesheet" href="古いデーター/text.css" type="text/css"> 】が文字化けしてるから可笑しいと思うのですが、これを テンプレート上で下記のように修正してもエラーが出て 上手くいきません。 <link rel="stylesheet" href="../../text.css" type="text/css">  この他におかしい部分が多分あると思うのですが、 そこをお教えください。  宜しくお願い致します。

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

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1

 どこから持ってこられたか、分かりませんが、ご自身ではっきり分かっている部分以外を削除されたのでは、コメントのしようがありません。  最大の問題点は、<map name="Map6">~</map>で表せれるタグが抜けているようです。↓ <html><HEAD> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <link rel="stylesheet" href="../../text.css" type="text/css"> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="5" marginwidth="0" marginheight="5"> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td> <div align="center"><img src="toppu2.gif" width="700" height="92"></div> </td> </tr> </table> <div align="center"> <table width="760" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><img src="botan4.gif" width="700" height="57" border="0" usemap="#Map6"> <br>少なくもここに、<map name="Map6">で始まり、</map>で終わるタグが抜けています。 </div></td> </tr> <tr> <td><div align="left"></td> </tr> </table> </BODY> </html>

参考URL:
http://www.tohoho-web.com/html/map.htm
RISKYinthesky
質問者

補足

 ご回答有難う御座いました。 テンプレートの問題の有ると思われる文を全て表記いたしました。  テンプレート更新時のエラーメッセージとして 「InstanceBeginEditable 」が編集可能領域に あると出ます。  宜しくお願いします。 <HTML><!-- InstanceBegin template="/Templates/top4.dwt" codeOutsideHTMLIsLocked="false" --> <HEAD> <!-- #BeginEditable "doctitle" --> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>×××</TITLE> <META name="Keywords" content="○○"> <META name="description" content="△△> <!-- #EndEditable --> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <link rel="stylesheet" href="../../text.css" type="text/css"> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="5" marginwidth="0" marginheight="5"> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td><div align="center"><img src="toppu2.gif" width="700" height="92"></div></td> </tr> </table> <div align="center"> <table width="760" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><img src="botan4.gif" width="700" height="57" border="0" usemap="#Map6"></div></td> </tr> <tr> <td><div align="left"><!-- InstanceBeginEditable name="contents" -->(本文)<!-- #EndEditable -->(ここから後テンプレートです。)

関連するQ&A

  • 画面表示が100%になりません。

    <table>でいろいろやっている内に、画面表示が100%にならず、周囲1%程度の余白ができてしまいました。 外部CSSを併用したためか、と思いはずしてみても変わりません。(cssでもそのような記述はしていません。)どこを修正すればよいのでしょうか? どなたかご指導お願い致します。 <html> <head> <title>***</title> <link href="css/css" rel="stylesheet" type="text/css"> </head> <body > <TABLE border="0" width="100%" height="100% " bgcolor="#000000"> <TBODY> <tr> <td align="center"> <TABLE border=2 width="480" height="480" bgcolor="#222222" bordercolor="#000000" > <TBODY> <tr> <td align="center"> 省略 </td> </tr> </TBODY> </TABLE> <p align="center"></P> </td> </tr> </TBODY> </TABLE> </body> </html>

    • ベストアンサー
    • HTML
  • コンテナ内で文字を中央に表示したい

    <div> <table border=0 cellspacing=0 cellpadding=0 style="width: 100%; height: 100%;"> <tr> <td style="text-align: center; vertical-align: middle;"> Hello! </td> </tr> </table> </div> のように、テーブルを使わずに(できればCSSなどで)divタグ内のテキストを中央に表示したいのですが、できますか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • tableタグでtdタグ間が離れてしまいます

    <div align="center"> <table class="serch" cellpadding="0" cellspacing="0"> <tr> <td><input type="text" name="serch" size="50"></td> <td><input type="image" value="" src="image/serch.gif" ALT="検索" serchim"></td> </tr> </table> </div> .serch{ border-style: solid; border-width: 1px; width: 100%; background-color: #F3F3F3; text-align:center; height: 30px } input textとinput image タグの間が離れてしまいます。通常連続して表示されると思うのですが 何故離れてしまうのでしょうか?

    • ベストアンサー
    • HTML
  • HTMLのどこを削除すれば罫線が消えますか?

    添付画像の【ドリッパー&リッド付きルシード・ドリップ・イン・マグ】の文字の下の罫線を削除したいのですが、HTMLのどこを削除すれば罫線が消えますか? 教えて下さい。 <table width="700" cellspacing="0" cellpadding="5" style="font-size:10pt;"><tr> <td width="47" align="left" style="border-bottom:#666666 1px solid;"> <div align="left"></div></td> <td width="6" align="left" style="border-bottom:#666666 1px solid;"></div></td> <td width="601" style="border-bottom:#666666 1px solid;"><div align="left"><b>ドリッパー&リッド付きルシード・ドリップ・イン・マグ</b></div></td> </tr> </table> <table width="700" border="0" cellspacing="0" cellpadding="10"> <tr> <td align="center"><img src="http://image.co.jp/deco/cabinet/item/04751544/imgrc0065803424.jpg" ></td> </tr> </table>

  • TDタグをスタイルシートを使って綺麗に簡単に書きたい。

    二つほど質問があります… 以下のようなcssとhtmlを書きました。 ○stylesheet.css body{background-color:#ffffff} a:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} ○XXX.html <html> <head> <meta http-equiv="text/html" contents="Shift_JIS"/> <link rel="stylesheet" href='../css/stylesheet.css' type="text/css"/> </head> <body> <table border> <tr>  <th>&nbsp;</th>  <th>XXXXXX</th>  <th>XXXXXX</th>  <th>XXXXXX</th> </tr> <tr>  <th>XXXXXX</th>  <td align="right"><a href="###.html">100</a></td>  <td align="right"><a href="###.html">525</a></td>  <td align="right"><a href="###.html">300</a></td> </tr> <tr>  <th>XXXXXX</th>  <td align="right"><a href="###.html">10</a></td>  <td align="right"><a href="###.html">150</a></td>  <td align="right"><a href="###.html">300</a></td> </tr> </table> </body> </html> 質問1 <td>は全て数値で、必ず右寄せ(align="right")なのですが、 stylesheet.cssの中に書いてしまいたいのです…でも td{align:right} と記述しても右寄せしてくれません…どう書くのが正しいのでしょうか? 質問2 マウスカーソルをリンクに合わせると文字が反転するようになっているのですが できる事ならtdタグの空白部分も反転したほうが良いと思うのですが td:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} としても駄目で <a href="###.html"><td align="right">100</td></a> とするとリンクが無くなってしまいました… 上手く実行できるようになりますでしょうか? できればJavaScriptを使いたくないんです… わがままな質問ですが、回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • dreamweaverで、テーブルのボーダーカラーに入力しても、表示されません。

    プロの方に作っていただいたHPを書き換えていて、 テーブルのボーダーカラーを指定しようとしているのですが、 コードから何回もボーダーカラーを指定しているのに、 色がまったく表示されません。 </table> <table width="500" height="118" border="2" align="center" cellpadding="5" cellspacing="2" bordercolor="#000000"> <tr> <td width="131" bordercolor="#000000" bgcolor="#CCCCCC"><div align="center">●●●</div></td> <td width="205" bordercolor="#000000" bgcolor="#CCCCCC"><div align="center">●●●</div></td> <td width="114" bordercolor="#000000" bgcolor="#CCCCCC"><div align="center">●●●</div></td> </tr> <td bordercolor="#000000"><div align="center">●●●</div></td> <td bordercolor="#000000"><div align="center">●●●</div></td> <td bordercolor="#000000"><div align="center">●●●</div></td> <tr> <td bordercolor="#000000"><div align="center">●●●</div></td> <td bordercolor="#000000"><div align="center">●●●<br> ●●● </div></td> <td bordercolor="#000000"><div align="center">●●●</div></td> </tr> </table> 新しいページに、以上のコードをペーストすると、ちゃんと表示されます。 スタイルシートやCSSで指定してあって、それが優先されているのでしょうか? スタイルシートやCSSは使ったことがないのですが、 それを解除するには、どうすれば良いでしょうか? よろしくお願いいたします。

  • Firefoxで崩れる

    IE6.0 IE7.0では、問題なく表示されるのですが、Firefoxで 一部のページが右にずれてしまうのです。 問題点を教えていただけますと幸いです。 正常なページのソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>XXXXXXXXXXXXXXXXXXXXXサイト</title> <META HTTP-EQUIV="Imagetoolbar" CONTENT="no"> <link href="../common/base.css" rel="stylesheet" type="text/css" /> </head> <body> <a name="top" id="top"></a> <table width="758" border="0" cellpadding="0" cellspacing="0" class="table-base"> <tr> <td height="95" colspan="2"><table width="758" cellspacing="0" cellpadding="0"> <tr> <td width="213" rowspan="4"><a href="../index.html"><img src="../common/images/rogo.jpg" width="213" height="93" border="0" /></a></td> <td height="38">&nbsp;</td> </tr> </table></td> </tr> <tr> <td height="31" colspan="2"><img src="images/" alt="blog" width="758" height="31" border="0" /></td> </tr> <tr> <td height="21" colspan="2" class="td-bar">&nbsp;</td> </tr> <tr> <td width="556" height="111" valign="top"><table width="543" height="182" cellpadding="10" cellspacing="0" class="td-0e3758"> <tr> <td colspan="2" class="bottom-border0e3758"><strong>200X/XX/XX</strong></td> </tr> <tr> <td width="94" height="131"><img src="images/s_img.jpg" width="94" height="125" /></td> <td width="407" valign="top">テテキストテキスト</td> </tr> </table></td> ***************************** 崩れてしまう方 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>XXXXXXXXXX</title> <link href="../common/base.css" rel="stylesheet" type="text/css" /> </head> <body> <a name="top" id="top"></a> <table width="758" border="0" cellpadding="0" cellspacing="0" class="table-base"> <tr> <td width="758" height="95"><table width="758" cellspacing="0" cellpadding="0"> <tr> <td rowspan="4"><a href="../index.html"><img src="../common/" width="213" height="93" border="0" /></a></td> <td height="38">&nbsp;</td> </tr> </table></td> </tr> <tr> <td height="31" colspan="2" class="td-bar"><img src="images/blog-.gif" alt="blog" width="758" height="31" border="0" /></td> </tr> <tr> <td align="center"><table width="725" cellspacing="0" cellpadding="7"> <tr> <td colspan="2">&nbsp;</td> </tr> <tr> <td width="37" align="right"><img src="../common/images/arrow.gif" width="8" height="9" /></td> <td width="658" align="left" class="text-ffffff"><span class="text-71b8ff">2007.00.00</span>  XXXXXXXXXXX</td> </tr> <tr> <td align="right"><img src="../common/images/arrow.gif" width="8" height="9" /></td> <td align="left" class="text-ffffff"><span class="text-71b8ff">2007.00.00</span>  XXXXXXXX</td> </tr> <tr> <td align="right"><img src="../common/images/arrow.gif" width="8" height="9" /></td> <td align="left" class="text-ffffff"><span class="text-71b8ff">2007.00.00</span>  XXXXXXXXXXXXXXXXXXXXXXX</td> </tr>

  • 適用されているはずの外部cssが適用されない。。

    すみませんが教えてください! dreamweaver8でテーブルとcssでサイトをつくっているんですが、 ある一部分だけ全くcssが効きません。 <link href="../style.css" rel="stylesheet" type="text/css" /> <link href="menu_page.css" rel="stylesheet" type="text/css" /> ↑このページで使っているcss   #2f-txt {   margin-top: 20px;   margin-right: 10px;   margin-bottom: 20px;   margin-left: 0px;   }   #2f-txt p {   font-size: 13px;   color: #FFFFFF;   text-align: right;   } ↑menu_page.cssの方に書かれてます。 <table width="390" border="0" cellspacing="0" cellpadding="0"> <tr> <td ><h2></h2></td> </tr> <tr> <td>           <table width="390" id="2f-txt">   <tr>    <td>              <h3><p>ここのテキスト</p></h3>             </td>            </tr>   </table> </td> </tr> </table> ↑id="2f-txt"のテーブル・テキスト等にかけたい ※見にくくてすみません・・・ dreamweaverのデザインビュー上ではしっかり効いているんですが、 ブラウザで見るとmenu_page.cssに書いてある#2f-txt ・#2f-txt p が全く効いていません。 他のページでも同じような使い方をしている箇所があるんですが、 そこは問題ありません。いろいろと試してはみたんですが、全くだめで、どういうことか全く分かりません。 まだレベルが低いんで、簡単なミスかもしれませんが、 すみませんが、どなたか分かる方いらっしゃいますでしょうか?

    • ベストアンサー
    • CSS
  • 適用されているはずの外部cssが適用されない。。

    すみませんが教えてください! dreamweaver8でテーブルとcssでサイトをつくっているんですが、 ある一部分だけ全くcssが効きません。 <link href="../style.css" rel="stylesheet" type="text/css" /> <link href="menu_page.css" rel="stylesheet" type="text/css" /> ↑このページで使っているcss   #2f-txt {   margin-top: 20px;   margin-right: 10px;   margin-bottom: 20px;   margin-left: 0px;   }   #2f-txt p {   font-size: 13px;   color: #FFFFFF;   text-align: right;   } ↑menu_page.cssの方に書かれてます。 <table width="390" border="0" cellspacing="0" cellpadding="0"> <tr> <td ><h2></h2></td> </tr> <tr> <td>           <table width="390" id="2f-txt">   <tr>    <td>              <h3><p>ここのテキスト</p></h3>             </td>            </tr>   </table> </td> </tr> </table> ↑id="2f-txt"のテーブル・テキスト等にかけたい ※見にくくてすみません・・・ dreamweaverのデザインビュー上ではしっかり効いているんですが、 ブラウザで見るとmenu_page.cssに書いてある#2f-txt ・#2f-txt p が全く効いていません。 他のページでも同じような使い方をしている箇所があるんですが、 そこは問題ありません。いろいろと試してはみたんですが、全くだめで、どういうことか全く分かりません。 まだレベルが低いんで、簡単なミスかもしれませんが、 すみませんが、どなたか分かる方いらっしゃいますでしょうか?

    • ベストアンサー
    • HTML
  • tableタグとtableタグの間の余白の消し方について

    現在モバイル用のHPを作成しているのですが、 AUで見た際に、tableタグとtableタグの隙間(空白)が出来てしまいます。 tableタグ1個でまとめればどうってことのない問題なのですが、 デザイン上、どうしてもtableタグを分ける必要があるります。 ■以下ソースです。 ************************************* <html> <head> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" /> <title>タイトル</title> </head> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"> <center> <a href=""><img src="gazou.gif" width="151" height="42" /></center> </td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" bgcolor="#FFFFCC"> <center> <a href=""><img src="gazou.gif" width="151" height="42" /></center> ・ ・ ・ ************************************* ↑の… </table>      ←この部分に余白ができます。 <table width="100%" border="0" cellpadding="0" cellspacing="0"> どなたか原因と解決法をご教示いただけませんでしょうか。 宜しくお願いいたします。

    • ベストアンサー
    • HTML