- ベストアンサー
罫表のセルの２重線が表示されない。
罫表の一部のセルの線種を２重線に変更した所、上手く反映されませんでした。点線とかは反映されるのですが、何がいけないのでしょうか。 下記tableの"たちつてと"のセルの線種を2重線"double"にしてみましたが、IEのブラウザで見ると反映されませんでした。 <table tno=1 style='border-collapse:collapse;border:none'> <tr> <td style='width=100.0pt;border:solid windowtext 1.0pt; padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>あいうえお</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>かきくけこ</p> </td> </tr> <tr > <td style='border-style:dotted;width=100.0pt;border:double windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>たちつてと</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>なにぬねの</p> </td> </tr> </table>
- take_july
- お礼率54% (88/162)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
線の太さが1だからじゃない？ 二重線っていうくらいだから、線２本の間に空白がはいるわけだから 最低3pxはないと表現できないでしょ？ 3以上の数値を指定するか、もしくは太さを指定しなければいけるかも
その他の回答 (1)
border:double windowtext 1.0pt; windowtextが問題じゃないでしょうか。 ↓ border:double 1.0pt;
お礼
その通りでした。 解決しました。
関連するQ&A
- フレーム分割すると動かない
以下のように選択された罫表内のセルの線種を変更するボタンを作りました。 １つのhtmlの時は上手くいっていたのですが、以下のようにボタンと罫表のフレームを分割した所、動かなくなってしまいました。 グローバル変数が引き継がれないみたいなのですが、解決方法ありますでしょうか。 宜しくお願いします。 //メインのhtml <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="sample_csv2.js"></script> </head> <frameset rows="50,*" frameborder="0" border="0"> <frame src="fre1.html" name="f1"> <frame src="fre2.html" name="f2"> </frameset> </html> //フレーム１のhtml <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="sample_csv2.js"></script> </head> <body> <div style="font-size:6.5pt"> 線種変更： <input type="button" value="上２" onclick="chgLine('top','double')" style="font-size:6.5pt"/> </div> </html> //フレーム２のhtml <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="sample_csv2.js"></script> </head> <body> <table tno=1 style='border:none;border-collapse:collapse'> <tr> <td style='width=100.0pt;border:solid windowtext 1.0pt; padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>あいうえお</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>かきくけこ</p> </td> </tr> <tr > <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>たちつてと</p> </td> <td style='width=100.0pt;border:solid windowtext 1.0pt;padding:0mm 4.95pt 0mm 4.95pt'> <p style='font-size:10.5pt;mso-bidi-font-size:10.5pt; font-family:"ＭＳ 明朝"'>なにぬねの</p> </td> </tr> </table> </body> </html>
- ベストアンサー
- JavaScript
- IE6とFireFoxで表示が異なる。
以下のような単純な作りのWEBサイト（一部を抜粋してます）なのですがIE6とFireFoxでは表示位置が異なり、IE6に合わせるとFireFoxで表示されず、FireFoxで合わせるとIE6に表示されなくなってしまいます。 <DIV>の指定などが間違っているのでしょうか？ IE6とFireFoxどちらも同じように表示するためにはどうしたらよいでしょうか？ <TABLE border="0" STYLE="position:absolute;left:0;top:0;width:778;height:790;" cellpadding="0" cellspacing="0" > <TBODY> <TR> <TD valign="top" align="center" > <DIV CLASS="F12" STYLE="position:absolute;left:140;top:13;width:110;height:27;"> <P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'ＭＳ ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=2>会社</FONT></SPAN></B></SPAN> </P> </DIV> <DIV CLASS="F12" STYLE="position:absolute;left:235;top:15;width:157;height:27;"> <SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'ＭＳ ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=3> <P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 105.4pt; mso-text-fit-id: -1204068352"><B style="mso-bidi-font-weight: normal"><SPAN style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; LETTER-SPACING: 2.1pt; mso-font-kerning: 0pt; mso-hansi-font-family: 'ＭＳ ゴシック'">サンプル</SPAN></B></SPAN><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; mso-hansi-font-family: 'ＭＳ ゴシック'"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></SPAN></B></P></FONT></SPAN></B></SPAN> </DIV> </TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- HTML
- テーブルの線について
下記のようなＨＰをつくっています。 一番大きなテーブルの上下の線を消すにはどこをどのようにすればいいのでしょうか？ ご回答いただけると嬉しいです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <title></title> <style type="text/css"> <!-- BODY TD { FONT-SIZE: 10pt } A.menu:link,A.menu:visited { BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #666666 1px solid; DISPLAY: block; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; BORDER-LEFT: #666666 1px solid; COLOR: #ffffff; PADDING-TOP: 12px; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 40px; BACKGROUND-COLOR: pink; TEXT-DECORATION: none } A.menu:hover,A.menu:active { BORDER-RIGHT: #ffffff 1px ridge; PADDING-RIGHT: 15px; BORDER-TOP: #ffffff 1px ridge; DISPLAY: block; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffffff 1px ridge; COLOR: gray; PADDING-TOP: 12px; BORDER-BOTTOM: #ffffff 1px ridge; HEIGHT: 40px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none } --> </style> </head> <body bottommargin="0" background="sozai/kabegami.gif" topmargin="0"> <table height="100%" cellspacing="1" cellpadding="1" width="730" align="center" bgcolor="#c0c0c0" border="0"> <tr> <td bgcolor="#ffffff" colspan="2"> </td> </tr> <tr> <td bgcolor="#ffffff" colspan="2" height="120" background="sozai/title_back.gif"> <p align="center"><img height="50" alt="" src="sozai/title.gif" width="369" border="0"></p></td> </tr> <tr> <td bgcolor="#ffffff" colspan="2" valign="top" align="left"><br> <table cellspacing="0" cellpadding="0" width="155" align="left" border="0"> <tr> <td> <table style="MARGIN-TOP: -2px; FONT-WEIGHT: bold; WIDTH: 146px; FONT-FAMILY: 'mspゴシック'; HEIGHT: 241px" cellspacing="3" cellpadding="0" width="146" align="center" border="0"> <tr> <td style="BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #666666 1px solid" align="center"><font color="gray">Ｔｏｐ</font></td> </tr> <tr> <td><a class="menu" href="">Ｎｅｗｓ</font></a></td> </tr> <tr> <td><a class="menu" href="">作品集</font></a></td> </tr> <tr> <td><a class="menu" href="">お教室情報</font></a></td> </tr> <tr> <td><a class="menu" href="">Ｓｈｏｐｐｉｎｇ</a></td> </tr> <tr> <td><a class="menu" href="">お友達サイト</a></td> </tr> </table> <p align="center"> <img src="http://counter1.fc2.com/counter_img.php?id=47426"><br> </p></td></tr></table> <table cellspacing="1" bgcolor="#c0c0c0" border="0" cellpadding="20" width="565" align="left"> <tr> <td bgcolor="#ffffff" ><br> <br><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br><br> <br> </td> </tr> </table> </td></tr> <tr> <td bgcolor="#ffffff" colspan="2"> <p align="center"> <font color="#808080">Copyright © 2005-2007 princess-ichigo, All rights reserved.</font></font></p></td> </tr> <tr> <td bgcolor="#ffffff" colspan="2"><br> </td> </tr> </table> </body></html>
- ベストアンサー
- HTML
- HTMLで書かれた二つの表をブログで横に並べたいのですが…
こんばんは。 ブログの中で、HTMLで書かれた表（テーブル？）を横に並列に並べたいのですが、 どうしてもタテ（上下）に並んでしまい、困っています。 ブログのエントリ部分の横幅は、十分にありますので、 あとはHTMLの記述でどうにかならないかと思っているのですが…。 以下に、ソースを貼りつけておきます。 これは表（テーブル）一つ分のソースで、 これと同じような表を、もう一つヨコに並べたいのです。 ちなみに、こういったサイトで作成した表（サッカーのフォーメーション）です。 http://tf.loopshoot.com/ なお、ブログはMovable Typeを使用しています。 どうぞよろしくお願いいたします。 <!-- TextFormations --> <div style="text-align:center; margin:0; width:200pt; font-size:9.0pt;" > アルビレックス新潟 (J1 6節 vsサンフレッチェ広島) </div> <div id="fhead" style="margin:0 ;padding: 15pt 3pt 8pt 3pt; border: 1px solid rgb(0,102,255); background: rgb(255,255,255); color:#666; width:200pt;"> <table id="f_table" border="0" cellpadding="0" cellspacing="0" style=" color:#666; border-collapse:collapse; table-layout:fixed; width:200pt; font-size:9.0pt; "> <!-- FW --> <tr style="height:13.5pt;"> <td > </td> <td colspan="2" id="tb_10" style="text-align:center;vertical-align:top; padding:1pt 20pt;" > 16.大島秀夫(20.チョ・ヨンチョル) </td> <td > </td> </tr> <tr style="height:20.5pt;"> <td colspan="2" id="tb_9" style="text-align:left; vertical-align:top; padding:1pt 25pt 1pt 10pt;"> 9.ペドロ・ジュニオール </td> （途中、略） <!-- GK --> <tr style="height:13.5pt;"> <td > </td> <td colspan="2" style="text-align:center;padding:1pt 20pt;" > 1.北野貴之 </td> <td > </td> </tr><!-- GK fini --> </table> </div> <div id="tfooter" style="letter-spacing:normal; text-align:center; width:200pt; margin:0; font-size:8.5pt; "> created by <a href="http://tf.loopshoot.com/" target="_blank"> :TextFormations</a> <a href="http://tf.loopshoot.com/more_info.pl?fid=1p356tq5ZH" target="_blank"> :more info </a> <a href="http://tf.loopshoot.com/members.pl?fid=1p356tq5ZH" target="_blank"> :R</a> </div>
- ベストアンサー
- ブログ
- テーブルの中にiframe
テーブルの中にiframeをしているのですが どうしてもボタンが右側に少しはみ出ますし iframeは縦400pxを超えるページを表示すると 縦スクロールバーが表示されますが それも右側にはみ出ます。 どうにか800pxの中に収まらないものでしょうか？ また、ボタンのボーダを下記ソースでは消していますが デフォルトで表示される立体感のあるボタンのまま 800pxの中に収めたいです。 HTML5、CSS2.1です。 ご相談お願いします。 <table> <tr style="width: 800px; height: 50px"> <td><input type="button" value="1"/></td> <td><input type="button" value="2"/></td> <td><input type="button" value="3"/></td> <td><input type="button" value="4"/></td> <td><input type="button" value="5"/></td> </tr> <tr style="width: 800px; height: 400px"> <td colspan="5" style="width: 800px; height: 400px"> <iframe src="hoge.htm"></iframe> </td> </tr> <tr style="width: 800px; height: 50px"> <td colspan="5" style="width: 800px; height: 50px"> <p>hoge</p> </td> </tr> </table> ------------------------------------------------------------ table { padding: 0px; margin: 0px; border-style: none; border-width: 0px; } tr td { padding: 0px; margin: 0px; border-style: none; border-width: 0px; } input { border-style: none; border-width: 0px; padding: 0px; margin: 0px; color: Red; width: 160px; height: 50px; font-size: 20px; font-family: HGS明朝B; background-color: transparent; } iframe { padding: 0px; margin: 0px; border-style: none; border-width: 0px; background-color: transparent; width: 800px; height: 400px; }
- ベストアンサー
- HTML
- ボックスエリアに写真を貼り付けるには（３）
以下のような設定で色変わりのボックスエリア(？)を３段設け、各ボックスエリアの右すみに４cm×４cm大の背景画像付きテキスト・エリアを設けたいと思います。 そこで前回以下のアドバイスを頂き、試して見たのですが、CSSの理解不足でうまく行きません。アドバイスいただいたスクリプトを機能させるにはどのように設定したらよいか教えて頂けないでしょうか。 ＜アドバイス頂いたスクリプト＞ textarea { width:950px; height:200px; background-image:url("flower008.jpg"); background-repeat: no-repeat; background-position: left top; } ＜現在の設定＞ <html> <head> <title>MISC</title> </head> <body bgcolor="#FFFF99"> <div align=center class="MsoNormal"><table border=0 cellpadding=0 width=146 style='width:109.45pt; mso-cellspacing:1.5pt;margin-left:-5.6pt;mso-padding-alt:0mm 5.4pt 0mm 5.4pt'><b><span lang=EN-US style='font-size:18.0pt;font-family: "Lucida Sans Unicode";mso-bidi-font-family:Tahoma;color:#993300'>Miscellaneous</span></b></table> <TD><a href='http://www.＊＊＊＊'>Index for MISC Trilingual</a> </TD></div> <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT> </DIV>
- ベストアンサー
- ブログ
- プルダウンメニューとテキストボックス
以下のようなプログラムを作りました。 デフォルトでは、テキストボックスに田中雄一さんが入っています。 その横には、プルダウンメニューがあり、ログインユーザ山田隆 さんが、プルダウンメニューを変更すると、テキストボックスには 山田隆さんの名前が入ります。しかし、プルダウンメニューで最初と 同じ項目を選んだ場合には、山田隆さんではなく、デフォルトの田中 雄一さんの名前を入れたく思います。しかし、現状うまくいかず、プル ダウンメニューでどれを選択しても山田隆さんに変更されてしまいます。 javaスクリプトでエラーが出ているようなのですが、なぜだかわかりません。 識者の方のアドバイスお願いいたします。 ----------- <html> <head><SCRIPT LANGUAGE='JavaScript'><!-- var firstname = document.myform.Set_R12C2.value; var firstvalue = document.myform.Set_R12C3.value; function OC(){ var A = document.myform.Set_R7C3.value; var B = A.slice(9); if(firstvalue != document.myform.Set_R12C3.value){ document.myform.Set_R12C2.value = B; }else{ document.myform.Set_R12C2.value = firstname; } } //--></SCRIPT><TITLE>TEST</TITLE></HEAD> <FORM METHOD='POST' NAME='myform'> <INPUT NAME='P' VALUE='javascript' TYPE='HIDDEN'> <table border=0 cellpadding=0 cellspacing=0 width=350 class=xl6420188 style='border-collapse:collapse;width:262pt'> <col class=xl6420188 width=155 style='mso-width-source:userset;mso-width-alt: 4960;width:116pt'> <col class=xl6420188 width=195 style='mso-width-source:userset;mso-width-alt: 6240;width:146pt'> <tr height=18 style='height:13.5pt'> <td height=18 class=xl6620188 width=155 style='height:13.5pt;width:116pt'><a name="RANGE!A1:B6"></a></td> <td class=xl6520188 width=195 style='width:146pt'>ログインユーザ： 山田隆<input name='Set_R7C3' type='HIDDEN' value='ログインユーザ： 山田隆'></td> </tr> <tr height=18 style='height:13.5pt'> <td height=18 class=xl6520188 style='height:13.5pt'><input name='Set_R12C2' type='text' size='26' maxlength='50' style='height:13.5pt;width:116.25pt;font-size:11pt;background-color:#FFFFFF;text-align:center;color:#000000;font-family:ＭＳ Ｐゴシック;' OnKeyDown="if(event.keyCode==13){ return false; }" value='田中雄一'></td> <td class=xl6520188> <SELECT NAME='Set_R12C3' style='height:13.5pt;width:146.25pt;font-size:11pt;background-color:#FFFFFF;text-align:center;color:#000000;font-family:ＭＳ Ｐゴシック;' OnChange="OC()"> <option value=''></option> <option value='承認する' selected>承認する</option> <option value='承認しない'>承認しない</option> </SELECT></td> </tr> </table></FORM> </body> </html>
- ベストアンサー
- JavaScript
- 無駄なところ省いてほしいです。
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"> <title></title> <style type="text/css"> <!-- BODY{ margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } TD{ font-size : 10pt; } a.menu:link { color: #FFFFFF; font-weight : bold; font-family: 'Comic Sans MS'; text-decoration: none; background-color: #FF99CC; padding: 5px 15px 5px 15px; border-width : 1px 1px 1px 1px; border-style : solid solid solid solid; border-color : #666666 #666666 #666666 #666666; display: block; height: 25px; } a.menu:visited { color: #FFFFFF; font-weight : bold; font-family: 'Comic Sans MS'; text-decoration: none; background-color: #FF99CC; padding: 5px 15px 5px 15px; border-width : 1px 1px 1px 1px; border-style : solid solid solid solid; border-color : #666666 #666666 #666666 #666666; display: block; height: 25px; } a.menu:hover { color: #666666; font-weight : bold; font-family: 'Comic Sans MS'; text-decoration: none; background-color: #FFFFFF; padding: 5px 15px 5px 15px; border-width : 1px 1px 1px 1px; border-style : ridge ridge ridge ridge; border-color : #FFFFFF #FFFFFF #FFFFFF #FFFFFF; display: block; height: 25px; } a.menu:active { color: #666666; font-weight : bold; font-family: 'Comic Sans MS'; text-decoration: none; background-color: #FFFFFF; padding: 5px 15px 5px 15px; border-width : 1px 1px 1px 1px; border-style : groove groove groove groove; border-color : #FFFFFF #FFFFFF #FFFFFF #FFFFFF; display: block; height: 25px; } .pagetitle{ color : #FF6699; padding-bottom : 5px; border-bottom-width : 2px; border-bottom-style : solid; border-bottom-color : #FF6699; } .sub1{ color : #FFFFFF; border-width : 1px 1px 1px 1px; border-style : solid solid solid solid; border-color : #666666 #666666 #666666 #666666; background-color : #FF99CC; } .log{ border-width : 1px 1px 1px 1px; border-style : solid solid solid solid; border-color : #666666 #666666 #666666 #666666; background-color: #FFFFFF; } HR{ color : #999999; height: 1px; } --> </style> </head> <body bgcolor="#ffffff" background="./top_img/1155290302.gif" text="#666666" link="#666666" vlink="#666666" alink="#666666"> <center> <table style="MARGIN-TOP: -2px; FONT-WEIGHT: bold; FONT-FAMILY: 'Comic Sans MS'" cellspacing="3" cellpadding="0" width="166"> <tr> <td style="BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #666666 1px solid" align="center"><font color="#666666">Top</font></td> </tr> <tr> <td><a class="menu" href="">Profile</a></td> </tr> <tr> <td><a class="menu" href="">Diary</a></td> </tr> <tr> <td><a class="menu" href="">BBS</a></td> </tr> <tr> <td><a class="menu" href="">Chat</a></td> </tr> <tr> <td><a class="menu" href="">Room</a></td> </tr> <tr> <td><a class="menu" href="">Album</a></td> </tr> <tr> <td><a class="menu" href="">Freepage-1</a></td> </tr> <tr> <td><a class="menu" href="">Freepage-2</a></td> </tr> <tr> <td><a class="menu" href="">Freepage-3</a></td> </tr> <tr> <td><a class="menu" href="">Link</a></td> </tr> <tr> <td><a class="menu" href="">Mailbox</a></td> </tr> </table> </center> </body> </html>
- ベストアンサー
- ホームページ作成ソフト
- Notepad++で日本語文字が化ける。
HTML技術者の皆さんこんにちは。 質問をさせてください。 ある社員がドリームウィーバーで作成したホームページを私が日本語に翻訳 することになりました。私のやり方としては、ページ毎に記述されてる英文を日本語で書き直そうと考えです。 (1)エディターとしてNotepad++を使ってます。ソース中の英文を日本語に書き直すことは出来ます。 しかし、エディターを一旦閉じて再度開くと日本語部分が化けてます。原因を解決を教えてください。 (2)Firefoxで実行して見ると、やはり日本語文書は化けてました。エンコードを日本語に選択すると読める文書と読めない文書が出てきます。 下記のソースは一部分の例です。 <table cellpadding=0 cellspacing=0> <tr> <td width=369 height=28 style='vertical-align:top'><![endif]> <div v:shape="_x0000_s49727" style='padding:2.88pt 2.88pt 2.88pt 2.88pt' class=shape> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:EN; mso-ansi-language:EN'> 2010 Reviews<o:p></o:p></span></p> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:EN; mso-ansi-language:EN'><![if !supportEmptyParas]> <![endif]><o:p></o:p></span></p> </div> <![if !vml]></td> </tr> </table> 以下のように書き直しました。 <table cellpadding=0 cellspacing=0> <tr> <td width=369 height=28 style='vertical-align:top'><![endif]> <div v:shape="_x0000_s49727" style='padding:2.88pt 2.88pt 2.88pt 2.88pt' class=shape> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:JP; mso-ansi-language:JP'>2010年度レビュー<o:p></o:p></span></p> <p class=MsoNormal style='mso-pagination:none;text-align:center;text-align: center'><span style='font-size:12.0pt;font-weight:bold;language:JP; mso-ansi-language:JP'><![if !supportEmptyParas]> <![endif]><o:p></o:p></span></p> </div> <![if !vml]></td> </tr> </table> これだけの修正は不十分ですか？宜しくお願いします。
- ベストアンサー
- HTML
- 表（セル）の線
スクロール状態の時、一番下までいくとmargin:-1px;と指定したbottomのところが上手く消えてくれないのでなにか良い解決方法はないでしょうか。 伸ばしてるときは大丈夫なんですが・・・ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> table,td {border: solid 1px slategray; border-collapse: collapse;} .close {height:100px;overflow-y:auto; } div {padding:0px;} </style> <script> function scr(){hoge=document.getElementById("konoko"); if(hoge.className=="close"){hoge.className="";} else {hoge.className="close";} } </script> </head> <body> <a href="#" onclick="scr()">伸縮すいっち</a> <br><br> <table> <tr> <td>名前</td> <td style="width:14px;">S<br>C<br>R</td> </tr> <tr> <td colspan="2" style="padding:0;"> <div id="konoko" class="close"> <table style="margin:-1px"> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> </table> </div> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
お礼
その通りでした。 解決しました。 ありがとうございました。