red-sealのプロフィール
- ベストアンサー数
- 1
- ベストアンサー率
- 50%
- お礼率
- 0%
- 登録日2009/11/27
- 右側がおかしくなる
初心者です。 図のようなテーブルを作りたくがんばってみたのですが右側がおかしくなります。 タグは <table border> <tr><td rowspan="7"> <font size="1"> 1 </td> <td rowspan="3"><font size="1">2</td> <td><font size="1">4</td> <tr><td></td> <td></td> <td></td></tr> <td><font size="1">5</td> </tr> <td rowspan="5"><font size="1">3</td> <td><font size="1">6</td></tr> <td><font size="1">7</td></tr> <td><font size="1">8</td></tr> <td><font size="1">9</td></tr> </table> <BR> です。 結果の画像も載せておきます。 「おかしい」としか表現できなく うまく伝わらないかもしれないですが ご教授よろしくお願い致します。
- ワンクリックで2つ以上の別のウインドウを開く
こんにちは。 個人のブログで、ワンクリックで、2つ以上のウインドウを開くようにしたいと思い、ネットで探していると、以下のように書かれていましたが、上手くいきません。 どうすればよいのか、お分かりの方がいましたら、お願いいたします。 <A HREF=" onClick="{window.open('a href="http://tv.yahoo.co.jp/');window.open('http://www.yahoo.co.jp/');return false;}">続きを読む</A> http://questionbox.jp.msn.com/qa773195.html
- ワンクリックで2つ以上の別のウインドウを開く
こんにちは。 個人のブログで、ワンクリックで、2つ以上のウインドウを開くようにしたいと思い、ネットで探していると、以下のように書かれていましたが、上手くいきません。 どうすればよいのか、お分かりの方がいましたら、お願いいたします。 <A HREF=" onClick="{window.open('a href="http://tv.yahoo.co.jp/');window.open('http://www.yahoo.co.jp/');return false;}">続きを読む</A> http://questionbox.jp.msn.com/qa773195.html
- セレクトボックスの値取得に関して
こんにちは。今、セレクトボックスの値取得に頭を悩ませています。 具体的には、(送迎バスの)到着時間、出発時間を入力してもらい、 到着時間が出発時間より早くないとアラートを出すような仕掛けを 作りたく思っています。以下のようなスクリプトを作ったのですが、 時間の計算がうまくいかないみたいです。至らぬ点など多々あるかと 思いますが、ご教授よろしくお願いいたします。 <html> <head><title>select_test</title> <script type="text/javascript"> function jikoku_chk(){ //到着時刻 arrive_time=eval(document.getElementsByName("HH1").selectedindex)*60+eval(document.getElementsByName("MM1").selectedindex); //出発時刻 depart_time=eval(document.getElementsByName("HH2").selectedindex)*60+eval(document.getElementsByName("MM2").selectedindex); if (arrive_time > depart_time){ alert("出発時刻は到着時刻以降でなければなりません"); }else{ alert("入力内容は適切です"); } </script> </head> <body> <form name="s_box" action="./select_test.html" onsubmit="jikoku_chk()"> 到着時間 <select name="HH1"> <option>00 <option>01 <option>02 </select> : <select name="MM1"> <option>00 <option>01 <option>02 </select> <br><br> 出発時間 <select name="HH2"> <option>00 <option>01 <option>02 </select> : <select name="MM2"> <option>00 <option>01 <option>02 </select> <br> <input type="submit" value="登録"> </form> </body> </html>
- ベストアンサー
- JavaScript
- sirius2003
- 回答数3
- Divの幅指定を無視して子テーブルの幅に合わせて全体が伸びてしまいます
はじめて投稿します。 下のHTMLを表示したとき、menuの部分が狭くなった上に画面自体のスクロールバーが出て横に広がってしまいます。 赤色のテーブルをウィンドウいっぱいに広げた状態で、オレンジ色のテーブルを囲むDIVタグを赤色のテーブルの80%にしたいのです。 オレンジ色テーブルのwidthの80%になっているとか? でも、オレンジ色のテーブルのwidthがウィンドウに収まるような値なら、意図する表示になるのですが・・・。 どう直したらいいのでしょうか。 <html> <script> function hoge(){ document.getElementById("s1").innerText = "t1=" + document.getElementById("t1").offsetWidth + "*" + document.getElementById("t1").offsetHeight + ",d1=" + document.getElementById("d1").offsetWidth + "*" + document.getElementById("d1").offsetHeight + ",t2=" + document.getElementById("t2").offsetWidth + "*" + document.getElementById("t2").offsetHeight + ",d2=" + document.getElementById("d2").offsetWidth + "*" + document.getElementById("d2").offsetHeight + ",t3=" + document.getElementById("t3").offsetWidth + "*" + document.getElementById("t3").offsetHeight; } </script> <body onload="hoge()"> <span id="s1"></span> <table width="100%" height="95%" border="1" style="background-color:red;" id="t1"> <tr> <td valign="top" width="200px">menu</td> <td valign="top"> <div style="background-color:yellow" id="d1"> <table border="1" style="background-color:blue" width="90%" height="100%" id="t2"> <tr><td>hoge1</td></tr> <tr><td>hoge2</td></tr> <tr> <td> <div style="background-color:pink;overflow:auto;height:80%;width:80%" id="d2"> <table id="t3" width="3250" height="500" style="background-color:orange"> <tr> <td>hoge3</td> </tr> </table> </div> </td> </tr> </table> </div> </td> </tr> </table> </body> </html>