- ベストアンサー
文字化けすると言われましたが
自宅PC（XP）、会社PC（98）では 問題なかったのですが、XPでIE６を使用の方に 文字化けすると言われました 以下ソースです 「恋をして…」が文字化けし エンコードすれば読めるらしいのですが…。 ひょっとして、末にある <BASEFONT SIZE="2"Font Color="black"> が問題なのでしょうか？ <HTML> <HEAD> <TITLE>玄関</TITLE> <meta http-equiv="refresh" content="8; url=top.html"> </HEAD> <STYLE> BODY{ scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff;} </STYLE> <BODY bgcolor="white" text="#000000" link="#000000" vlink="#000000" alink="#000000" style="background-repeat : no-repeat;background-attachment : fixed;background-image : url;; background-position : right bottom;"> <DIV ALIGN="center"><TABLE border="0"> <BR><BR><BR><BR><BR><BR><BR><TR> <TD><BR><BR><BR>恋をして私は</TD> </TR> <TR> <TD><DIV ALIGN="rignt"><Img Src="image/back/031231.bmp" Alt="" border="0"></DIV></TD> </TR> <TR> <TD><DIV ALIGN="left"><B></B><BR><BR> 馬鹿になった。</DIV></TD> </TR> </TABLE></DIV> <BASEFONT SIZE="2"Font Color="black"><p align="left"> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <BR></Font> </P> </BODY> </HTML>
- shibachuta2
- お礼率24% (50/206)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<head> ～ </head>の間に次の文章を入れて下さい。 <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
その他の回答 (2)
ちゃんと見えちゃう方が問題かもしれません。IntertnetExplorerで見られてもほかのブラウザでは見えない可能性も十分あり得ます。きつい言い方をすればむちゃくちゃです。 私が気になったのは・・・ １． <STYLE> BODY{ 略 } </STYLE> ではなく <STYLE TYPE="text/css"> <!-- BODY｛ 略 } --> </STYLE> とHEADタグ内に書く方がいいと思います。 またTABLEとTRの間に意味のないBRタグがあります。入れるならTD内にするべきかと。 BASEFONTはBODYタグ内でかまわないようですが属性の書き方が悪いです。（第一文字列がないわけですからこのタグ自体意味がありません。）またこのタグは徒事タグを必要としないようです。</FONT>は無駄です。 またBMPはweb上では使用しない方がいいです。Microsoftのものですから。MicrosoftのBMPが表示できる環境じゃないと見えません。 たぶんメモ帳などで手書きしているのでしょう。それはすばらしいことだと思います。でも分からないならHP作成ソフトを使うなりタグリファレンスをちゃんと見るなりしてページを作成した方が間違いが少なくていいと思います。 またweb上には自分のサイトのHTML構文に関してチェックをしてくれるところがありますのでそれを利用するのも手かと思います。
お礼
詳しい説明、有難うございました。…ですが初対面の人に対して、むちゃくちゃです、とは言いすぎではないかと…。私の至らなさも悪いですが。
基本的なところは、すでにでているのですが、文字コードはShift-JISとは限りませんので、他の文字コードで保存するのであれば、その部分は変更してください。 ＃Windowsのメモ帳ならShift-JISですが・・・ それと、テーブルタグの中で、一生懸命<BR>タグで改行して高さを持たせるくらいなら、TDタグの属性のheightで高さを指定した方が、HTMLのソースはもっときれいになると思いますよ。 また、スペースでインデントしている部分があるようですが、中央寄せや右寄せをするためにインデントしているのであれば、align="center"とかalign="right"を使った方がきちんと場所を指定できますよ。HTMLは連続する半角スペースは無視する仕様のはずなので・・・ 間違いがありましたらご指摘ください。 ではでは☆
お礼
大変役に立ちました、有難うございました。
関連するQ&A
- ＩＥバーションアップによる反映について～有効なタグ
ＨＰを手打ちで作っています。 自分は、プラウザＩE８の前のバージョンのままで、 アップするかずっと迷っています。理由は、 ・レイアウトが崩れる可能性がある ・しかも、ほかのプラウザでは、同じように反映されない （例：ファイヤーフォックス） 主に、 画像を一枚背景にして定置し、 その上にスタイルシートで文字列を上書きし、 画像の配置と文字列の配置を、自由に（左上２０％の位置・右寄せ・中央寄せなど）決めたいのです。 自分のプラウザでは、一枚の画像で反映されているのですが、 ＦＦでは、画像が繰り返しされ、全面に反映されてしまったり、 画像一枚さえ反映されなかったりしています。 以下のようなタグは、古いのでしょうか。 <Style Type="text/css"> <!-- /*style*/ body {background-color:#ffffff; background-image:url(xxxx.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%; scrollbar-face-color:#ffa500; scrollbar-track-color:#ffffeo; scrollbar-arrow-color:#ff8c00; scrollbar-highlight-color:#ffffe0; scrollbar-darkshadow-color:#ff8c00; font-family:Tempus sans ITC;} A{text-decoration:none;} --> </Style> ・・・・・・・・・・ 回答していただきたい点は、 ・バージョンアップしても、対応でき有効なタグ選びにはどんな点に留意すべきか ・なおかつ、ＩＥ以外のプラウザでも、同じように反映して見てもらえるのかどうか ・一枚の画像配置の自由化、その上のテキスト列の配置の自由化 これが、簡易に指定できる、互換性ある有効なタグは、どういったものなのか 勉強不足なのは承知しております。 文字列ですが、主に、 div table で指定しています。 一面の例は以下です。 （こちらは、希望通り反映されています） ・・・・・・・・・・・・・・・・・・・・・・・ <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01//EN"> <html> <head> <title>yyyyyyyy</title> <STYLE TYPE="text/css"> <!-- /*STYLE*/ body{ scrollbar-base-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; line-height:140%; font-family:"MS UI Gothic" , sans-serif; font-size:11pt; background-color:#000011; background-image:url(xxxx.jpg); background-position:20% 20%; background-repeat:no-repeat; background-attachment:fixed; } A{text-decoration:none } html{ scrollbar-base-color:#ffffff; scrollbar-face-color:#e0eeee; } --> </STYLE> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <META http-equiv="Content-style-Type"content="text/css"> <META HTTP-EQUIV="Content-Type"CONTENT="text/html;charset=euc-jp"> </head> <body> <body text="#BC8F8F"> <table width="60%"align="right"bgcolor="#BC8F8F"> <div align="right"bgcolor="#BC8F8F"> <br><br><br><br><br><br><br> テキスト部分 <br><br><br><br><br><br> </div> </table> </body> </html> ・・・・・・・・・・・・・・・・・・・・・・・ また、こちらは画像が繰り返されてしまっています。 ・・・・・・・・・ <Style Type="text/css"> <!-- /*style*/ body {background-color:#ffffff; background-image:url(xxx.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%; font-family:Tempus sans ITC;} A{text-decoration:none;} --> </Style> </HEAD> <BODY onContextmenu="return false"> <body bgcolor="#000022" text="#6495ed"Link="#6495ed"ALink="#4169e1"VLink="#1e90ff"basefontsize="4"style="scrollbar-3d-light-color:silver; scrollbar-arrow-color:#c2f500; scrollbar-base-color:#c2f500; scrollbar-dark-shadow-color:#c2f500; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#c2f500"> <table width="900"height="700"border="0"cellpadding="0"cellspacing="0"> <tr align="center" valign="top"> <td align="left" valign=middle"> <div align="left"valign="top"> <br><br><br><br> ～文字テキスト部分～ <br> </td></tr> </table> </body> </html> ・・・・・・・・・・・・・ 不備・間違い・改良点など、ご指摘していただければ幸いです。 これから参考に読む予定のサイト http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html#minitoc よろしくお願いいたします。
- 締切済み
- CSS
- Tableずれ
いつもお世話になっております。 ソースは以下の様となります、htmlのときが正常に表示されますが。 JSP化すると微妙が所にテーブルがずれてしまい、これを解消するにはどんな解決あるかな？ <html> </body> <table width="700" border="0" cellspacing="0"> <tr> <td valign="top"><table width="100" border="1" cellspacing="0" bordercolor="#FF3366" > <tr align="center"> <td height="23" ><img src="../Assets/Body/Common/StaffList.gif" alt="スタッフ" width="31" height="12" /></td> </tr> <tr align="center"> <td height="23" >田中栄子</td> </tr> ・ ・ //この部分がJSP上がループ処理となる ・ </table> </td> <td valign="top"> <div style="overflow-x:scroll; width:601px; scrollbar-track-color: #FFffff; scrollbar-face-color:#ff3366; scrollbar-shadow-color: #ff3366; scrollbar-highlight-color: #ff3366; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-3dlight-color:#ffffff;"> <table width="1200" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF3366" > <tr align="center" class="time_font" > <td> ・ ・ //この部分がJSP上がループ処理となる ・ ・ ・ ・ </td> </tr> </table> </div> </td> </tr> </table> </body> </html> ちょっと長いですが、見ていただいてありがとうございます、賜りたく切にご回答をまちしておております。
- 締切済み
- HTML
- スクロールするテーブルに背景画像を固定させたいのです
ＨＴＭＬでテーブルを作り、スクロールできる仕様にしました。そこに背景画像を入れたのですが、スクロールの際に一緒に背景画像もスクロールしてしまいます。 文字などだけをスクロール可能にして、背景画像を固定にする方法を知っている方は教えてください。 私のソースは下記です。よろしくお願いします。 <html> <TABLE border="0" width="695" background="top-6.GIF"> <TR><TD width="72" height="34"></TD><TD width="623" height="34"><font color="red"><b><center>お知らせ</center></b></font></TD></TR> </TABLE> </DIV> </DIV> <!--本体部分--> <DIV style="overflow-y:scroll;direction:ltr;width:695;height:114px"> <DIV style="direction:ltr"> <TABLE border="0" width="695" background="top-7.GIF" style="background-attachment: fixed"> <TR><TD width="72">A</TD><TD width="623">B</TD></TR> <TR><TD>C</TD><TD>D</TD></TR> <TR><TD>E</TD><TD>F</TD></TR> <TR><TD>G</TD><TD>H</TD></TR> <TR><TD>I</TD><TD>J</TD></TR> <TR><TD>K</TD><TD>L</TD></TR> <TR><TD>M</TD><TD>N</TD></TR> <TR><TD>O</TD><TD>P</TD></TR> </TABLE> <DIV style="overflow-y:scroll;direction:ltr;width:695; scrollbar-base-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF"> <DIV style="direction:ltr"> </DIV> </DIV> </html>
- ベストアンサー
- レンタルサーバ・ASP
- テーブルが左右上下中央表示にできない。
<style type="text/css"> <!-- .tableley { text-align: center; } .tableley table{ margin-left: auto; margin-right: auto; } .tableley caption{ margin-left: auto; margin-right: auto; } bodytd{ letter-spacing :2px; line-height :15pt; font-size:80%;font-family:'Verdana'; color:#ffffff; } br{letter-spacing:normal;} body{overflow-y:hidden; margin:0;padding:0; background-attachment:fixed; } a{ text-decoration:none; color:#000000; } a:hover{ color:#808080; } --> </style> </head> <body> <table border="0" width="100%" height="100%" cellspacing="0" summary="テーブル"> <tr> <td colspan="3" style="border-bottom:1px solid #000000" bgcolor="#000000" valign=bottom><font size=5><b>SITE NAME</b></font> </td> </tr> <tr> <TD height="80%" width="250" align="center" valign="top" colspan="3"><BR> <BR> <table style="border: 1px dotted #cccccc;"> <tbody> <tr> <TD><IMG src="ConvertImage/ice.png" width="187" height="131" border="0"></TD> <TD height="120" width="200"> <div style="width: 270px; height:140px;color:#cccccc;font-size:10px;font-family:Verdana;overflow:auto; scrollbar-face-color:#000000; scrollbar-highlight-color:#000000; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #cccccc; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #000000;"><FONT color="#cecfce">ここにテキスト<BR> </FONT></div> </TD> </tr> </tbody> </table> </TD> </tr> <tr> <td colspan="3" style="border-top:1px solid #000000" bgcolor="#000000" align="right" valign="top"><FONT color="#ffffff">SINCE</a> </td> </tr> </table> </body> と、ビルダーでフレームを使わず横三分割のサイトを作ったのですが 真ん中の白い部分にあるテーブルを白ページ上下左右中央に設置出来ず悩んでいます。どうか解決策を教えてくださいお願いします。
- ベストアンサー
- HTML
- ＷＥＢ上とＰＣ上で font が・・・
<Div style="width:200;height:100;overflow:auto; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; "> <table style="font-size: 12px; padding: 3; width: 180px;"><tr><td> ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ </td></tr></table> </Div> これをＰＣ上で表示すると、font 12px になりますが、 ＷＥＢ上で表示すると、何故か 12px より大きくなります。 何故そうなり、どうやったらＷＥＢ上でも 12px になりますでしょうか？
- ベストアンサー
- HTML
- スクロールバーが表示されない。。
枠つきのスクロールバーをもらい ブログにつけようとしましたが、 なぜか枠だけでスクロールバーだけが表示されません。。 原因はなんでしょうか？ 改善の方法はありますか？ 下のタグです <div style="width:337;height:200;overflow:auto; scrollbar-3dlight-color:#ff00ff; scrollbar-arrow-color:#ff00ff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ff00ff; scrollbar-track-color:#ffffff; "> <Table border="1" width="320" height="300" cellspacing="0" bordercolor="#004a95"> <Tr><Td height="30" bgcolor="#004a95" align="left"> <font size="3" color="#ffffff" face="ＭＳ ゴシック"> タイトル部分</font> </Td></Tr> <Tr><Td bgcolor="#ffffff" align="center" valign="top"> 内容部分 </Td></Tr> </Table></div>
- ベストアンサー
- CSS
- 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>
- ベストアンサー
- レンタルサーバ・ASP
- スクロールバーの色変更（長文）
スクロールバーの色を設定したいのですが、下のように書くとうまく設定できません。 どこがおかしいのでしょうか？ よろしくおねがいいたします。 <html> <head> <style type="text/css"> <!-- body { scrollbar-3dlight-color:#808080; scrollbar-arrow-color:#ffffff; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff;} body { background-image:url("top/newtop.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 20%; background-color:#ffffff; } div { text-arign:center; padding:10px; border-width:thin; border-style:dotted; background-color:transparent; } #kousinrireki{ position:static; margin-top:20px; margin-right:80%; margin-bottom:70%; margin-left:0%; } #reserve { text-arign:center; padding:0px; border-width:thin; border-style:none; background-color:transparent; color:maroon; ｝ --> </style> </head> <BODY TEXT="#708090"> <font size=-2> <body> <div id="kousinrireki"> ※リニューアル♪<BR> </div> <div id="reserve"> Fumio All rights reserved<BR> </div> </body> </html>
- ベストアンサー
- HTML
- CSSを使った丸ナンバー付きテーブルの挿入
HTMLで作成した丸ナンバー付きテーブルをスタイルシートを使って挿入しようと思っているのですが、肝心の数字の部分が真っ白になってしまいました。関係しそうなところだけ抜き出してみました。 （↓headの中に書いてある） body {background-color: white; background-image: url(dolp2.gif); color: #000000} table, td {width: 800px; border: 2px #C0C0C0 solid; border-collapse: collapse; background-color: #ffffff;} （↓body以下に書いてある） <div><Table border="0"><Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> １ </Td></Tr></Table> </Td><Td width="350"> ＝＝＝ここに文章を書いて下さい１＝＝＝ </Td></Tr> <Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> ２ </Td></Tr></Table> </Td><Td width="350"> ＝＝＝ここに文章を書いて下さい２＝＝＝ </Td></Tr> <Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> ３ </Td></Tr></Table></div> </Td><Td width="350"> ＝＝＝ここに文章を書いて下さい３＝＝＝ </Td></Tr></Table> このようなタイプのものはheadやcssにあげたほうがいいのでしょうか？ 最初はこのままbodyのなかに収めておこうかと思っていたのですが、上記のような事態になってしまったのでどうしたらいいのか困っています。 HTML初心者なので、なにとぞ宜しくお願いします。
- ベストアンサー
- HTML
- apeboardのスクロールバー透過
先程からapeboardのapeskin.htmlをいじりまくってます。 <html> <head> <style type="text/css"> <!-- body{ margin:5px; scrollbar-3dlight-color:darkslategray; scrollbar-arrow-color:darkslategray; scrollbar-darkshadow-color:darkslategray; scrollbar-face-color:darkslategray; scrollbar-highlight-color:darkslategray; scrollbar-shadow-color:darkslategray; scrollbar-track-color:darkslategray;} .imgscroll{filter:chroma(color=darkslategray)} --> </STYLE> <meta name="robots" content="noindex, nofollow"> <LINK REL=STYLESHEET HREF="style.css" TYPE="text/css"> <title>diary</title> </head> <body style="background:transparent;" scroll="no"><font face=Verdana> <div class="imgscroll" style="width:100%;height:100%;overflow:auto;background-color:darkslategray;"> <div align="left"> <form action="apeboard_plus.cgi" method="post"> <!--cut--> <TABLE cellpadding="0" cellspacing="0"> <tr> <td align="left"> <b>date<!--s-->...</b><br> </td> </tr> <tr> <td> message<!--s--> </td> </tr> <!--resstart--> <tr> <td> <font class="te2">- - - - -</font><br> resmessage<!--s--> </td> </tr> <!--resend--> </table> <br> <br> <!--cut--> </form> <a href="top">←top</a> <a href="apeboardp_mt.cgi">master</a> <a href="http://www.2apes.com" target="_blank">2apes</a> <a href="http://nico.oops.jp/" target="blank">spoon</a> <a href="back">old→</a> </div></div> </body> </html> タグ間違えてますか？どうでしょうか・・・。 全く透過されないんです・・・＞＜
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
簡潔で、大変役に立ちました、本当に有難うございました。