テキストボックスのカーソル移動に関する問題と解決方法

このQ&Aのポイント
  • 無料の掲示板を利用する際、テキストボックスの文字入力におけるカーソル移動に問題が発生しています。
  • 複数行の文字を書くとスクロールバーが出てきて、キーボードの↑ボタンでカーソルを移動させると、画面上の行までしか移動できません。
  • カーソルの移動が制限される問題に対して、テキストボックスのソースコード内のstyle属性の値を変更することで解決できます。
回答を見る
  • ベストアンサー

テキストボックス

無料の掲示板を借りたのですが、 書き込みをする時に、 テキストボックスに文字を書いていきますよね。 複数行書いていくとテキストボックスに、 スクロールバーが出てきます。 読み直す時にキーボードの↑ボタンでカーソルを移動させると、 その時画面に表示されている行までしか カーソルがあがらないんです。 もっと上を見るにはマウスを使わないといけません。 ↓ボタンも同様です。 自力で頑張ろうと思ったのですが、よく解らないので教えてください。 今、テキストボックスのソースは <TABLE border="0" cellspacing="1" cellpadding="5" bgcolour="#ffffff" style="filter:Alpha(opacity=80);"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" align="center" width="400"> <tr> <TD><TEXTAREA class="inp" name="mes" rows="6" cols="50"></TEXTAREA></TD> </tr> </table> </TABLE> となっています。 style="filter:Alpha(opacity=80);" っていうのを消すとカーソルがちゃん一番上(下)まで動きます。 これ消さずにキーボードでカーソルをちゃんと動かすことは可能ですか? 不可能であれば、「style="filter:Alpha(opacity=80);"」以外で 背景を透けさせる方法があれば教えてください。 関係ないかもしれませんが、 パソはWIN XPでIE6。です。 説明不足だったら申し訳ないです。 よろしくおねがいします。 ※カテゴリー間違いだったらすみません。

  • dix
  • お礼率77% (47/61)
  • HTML
  • 回答数1
  • ありがとう数2

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

  • ベストアンサー
  • yuki_405
  • ベストアンサー率53% (7/13)
回答No.1

完全にテキストエリアが透過されてもよいのであればこんな感じでしょうか?(汗) <TABLE border="0" cellspacing="1" cellpadding="5" bgcolour="#ffffff" style="filter:Alpha(opacity=80);"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" align="center" width="400"> <tr> <TD><TEXTAREA class="inp" name="mes" rows="6" cols="50"></TEXTAREA></TD> </tr> </table> </TABLE> ↓ <TABLE border="1" cellspacing="1" cellpadding="5" bgcolour="#ffffff"> <tr> <td> <table border="1" cellspacing="0" cellpadding="0" align="center" width="400"> <tr> <TD> <TEXTAREA class="inp" name="mes" rows="6" cols="50" style="background:transparent;"></TEXTAREA> </TD> </tr> </table> </td> </tr> </TABLE> ●テーブル内に記述してあるstyleをテキストエリアへ移動し、中身を書き換えました。 ●大文字のTABLEタグの/tdと/trがぬけていたので追加しました。 こんな感じでいかがでしょうか?

参考URL:
http://lll.girly.jp/~vv/tips/menu.html
dix
質問者

お礼

yuki_405様。 わざわざ時間を割いていただいてありがとうございます! しかし私の求めているのは完全に透けるのではなくて、「半透け」なんです。 ムリなのでしょうか・・・。

dix
質問者

補足

他のところで質問して、 おそらくムリでしょうとのお答えをいただきました。 残念ですが諦めます(≧□≦) ありがとうございました。

関連するQ&A

  • 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"> 1 </Td></Tr></Table> </Td><Td width="350"> ===ここに文章を書いて下さい1=== </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"> 2 </Td></Tr></Table> </Td><Td width="350"> ===ここに文章を書いて下さい2=== </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"> 3 </Td></Tr></Table></div> </Td><Td width="350"> ===ここに文章を書いて下さい3=== </Td></Tr></Table> このようなタイプのものはheadやcssにあげたほうがいいのでしょうか? 最初はこのままbodyのなかに収めておこうかと思っていたのですが、上記のような事態になってしまったのでどうしたらいいのか困っています。 HTML初心者なので、なにとぞ宜しくお願いします。

    • ベストアンサー
    • HTML
  • お世話になります。htmlの質問です。

    ただいまテーブル設置のことで悩んでます 更新履歴とTOP絵のテーブルがつながってしまうのです 別々にわけたいのですがいじればいじるほどサイトがめちゃくちゃになります。 自分の今のタグです。 <table width="300" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="black"> <tr><td> <table border="0" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF" width="300"> <tr><td COLSPAN="6"><FONT COLOR="black"> <IMG src="img/top絵.png" border="0" align="left"> <TABLE width="100" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF"> <TR> <TD BGCOLOR="black"> <FONT COLOR="white"><SMALL><B>◆更新履歴。</B></FONT> </TD> </TR> <TD> <style><!--textarea,input{ background-color:#FFFFFF; filter:Alpha(opacity='70'); font-size:x-small; }--></style> どうすればいいようになるんでしょうか? <textarea rows="5" cols="85"> サイト開設しました。

  • テキストボックスの表示

    テキストボックスの表示 テキストボックスを2つ横に並べて表示したいのですが、 <html> <div style="border:thick solid;width:200;height:200;overflow:auto;"> <Table border="0" width="308" height="300" cellspacing="0" bgcolor="#ffffff"> <Tr><Td align="center" valign="top"> テキストA </Td></Tr> </Table></div> <div style="border:thick solid;width:200;height:200;overflow:auto;"> <Table border="0" width="200" height="200" cellspacing="0" bgcolor="#ffffff"> <Tr><Td align="center" valign="top"> テキストB </Td></Tr> </Table></div> </html> これで、記述をすると縦に二つ表示されます。 スタイルシートを使用しないと無理でしょうか?

    • ベストアンサー
    • HTML
  • テーブル内いっぱいに

    comment: と txt box を配置したいのですが txt box が右側に小さく表示されます どうしたらいいでしょうか? <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr><td> <table width="100%" cellspacing="0" cellpadding="0"> <tr><td>comment:</td><td><input type="text" style="width:100%"/></td></tr> </table> </td></tr> </table>

    • ベストアンサー
    • HTML
  • テキストボックス内のテキストを変更させない方法

    <div align="center"><center> <table border="0" cellpadding="0" cellspacing="1" width="80%"> <tr> <td width="33%"></td> <td width="33%"><font face="MS Pゴシック" size="2"> <!--webbot bot="HTMLMarkup" startspan --></font> <FORM method="POST"> <p><font face="MS Pゴシック" size="2"> <textarea name="…………" rows="13"cols="67"></textarea> </font></p></FORM> <font face="MS Pゴシック" size="2"> <!--webbot bot="HTMLMarkup" endspan i-checksum="15378" --> </font></td><td width="34%"> </td></tr> </table> </center></div> このテキストボックス内のテキストを変更できなくしたいのですが どこを変更すればよいのでしょうか。 どなたかご教授ください。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • セルを透明に・・・

    以下のような表があります。 <TABLE cellpadding="3" cellspacing="1" bgcolor="#666666"> <TBODY> <TR> <TD bgcolor="#ffffff">項目1</TD> <TD bgcolor="#ffffff">内容1</TD> </TR> <TR> <TD bgcolor="#ffffff">項目2</TD> <TD bgcolor="#ffffff">内容2</TD> </TR> <TR> <TD bgcolor="#ffffff">項目3</TD> <TD bgcolor="#ffffff">内容3</TD> </TR> </TBODY> </TABLE> この状態で、壁紙を設定すると表の中は白でつぶれてしまいますよね。 これを表の中にも背景が出るようにすることは可能ですか? style="filter:alpha(opacity=0)"をいろいろなところに当てはめてみたのですが、うまく出来ませんでした。 何か方法はありますか?よろしくお願いします。

    • ベストアンサー
    • HTML
  • 入れ子にしたテーブルをheight100%にする

    お世話になります。 以下のソースで、table2の高さを100%にしたいです。 この書き方では、firefoxではうまく表示できるのですが、 IEではだめでした。どこがいけないのでしょうか?? ---------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> <!-- html {height:100%;} body {height:100%;} .th100 {height:100%;} --> </style> </head> <body> <table width="600" border="1" cellpadding="0" cellspacing="0" class="th100"> <tr> <td width="300" rowspan="2"> 長いテキスト </td> <td height="50"><table width="300" height="50" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td>table1</td> </tr> </table></td> </tr> <tr> <td><table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999" class="th100"> <tr> <td>table2</td> </tr> </table></td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • EXCELの表にTABLEタグをテキストとして貼り付けたいのですが・・

    お世話になります。 タイトルのとおりでEXCELのセルに下記のような表をテキストとして貼り付けたいのですが、うまくいきません。 複数のセルにまたがって内容だけが貼り付けられてしまいます。 【文字】として貼り付ける方法を教えていただけませんでしょうか?? どうぞよろしくお願いいたします。 <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td>123</td> <td>456</td> </tr> <tr> <td>789</td> <td>000</td> </tr> </table>

  • colspan セルの結合について

    テーブルタグで作ったセルを結合させようとcolspan タグを使用したのですが 縦線が消えてしまいます。何故なのか調べてもわからず困っています。 ソースを載せるのでよければお知恵を貸してください。お願いします。 <html> <head></head> <body bgcolor="blue"> <table border=0 bgcolor="#ffffff cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td>ccc</td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <br> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td colspan="3">ccc</td><td colspan="3">kkk</td><td colspan="6">mmm</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> </body> </html>

  • 特定のテーブルのみ枠線の色を消したい

    スタイルシートで他のテーブルの為に色を設定しているけど 特定のテーブルのみ、枠線の色をすべて消したい場合は、 どうすればよろしいでしょうか? <style type="text/css"> table {border:1px solid red;} table tr {border:1px solid red;} table th {border:1px solid red;} table td {border:1px solid red;} </style> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>a</td><td>b</td></tr> </table> <br> <table border=1 cellspacing=1 cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table border=0 cellspacing=0 cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table cellpadding=1 bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> <br> <table bordercolor="FFFFFF"> <tr><td>a</td><td>b</td></tr> </table> このソースだと、テーブルならすべて枠線が付いてしまいます。 特定のテーブルのみ赤枠ではなく、白にして色を消したいのですがどうすればいいですか?

    • ベストアンサー
    • CSS