• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:textareaの外側の文字が下付きになってしまいます)

textareaの外側の文字が下付きになってしまいます

このQ&Aのポイント
  • textareaが入ると、左右のアイテムが下詰めになってしまう問題があります。
  • VALIGN属性を試しましたが、効果はありませんでした。
  • 質問内容を綺麗にまとめる方法をご教示いただきたいです。

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

  • ベストアンサー
回答No.1

スタイルシートの vertical-align: middle で中央にきました。 IE8とOperaで確認。 <td valign="top"> ここにあるlabelやselectなどが下詰めになります。 【備考】 <textarea cols="20" rows="5" style="color:000000;vertical-align:middle">あああ</textarea> こちら側のlabelやselectなどもダメです </td>

kokondou
質問者

お礼

ご教授ありがとうございます。 textarea側の属性なんですね。 お蔭様で解決しました。勉強になりました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • フレームの上下でテーブルの横幅を合わせたい場合

    パソコン用ホームページでフレームを使用したページを作成中なのですが、メニューを上フレームに横並びにして記述したので、それと同じ幅のテーブルを下フレームにも作りたいのです。 しかし!ブラウザが違うと横幅が違ってしまうので困っています。 下にタグを記述します。 なんでもいいのでアドバイスをお願い致します。 <html> <head> <title>テスト</title> </head> <body> <div align="center"> <table cellspacing="1" cellpadding="0"> <tbody> <tr> <th valign="top" class="td1" align="left"> あああ </th> <td width="200"> ううう </td> </tr> <tr> <td> <textarea rows="15" cols="70">いいい</textarea> </td> <td valign="top" class="td1"> えええ </td> </tr> </tbody> </table> <br> </div> </body> </html>

    • ベストアンサー
    • HTML
  • ホームページビルダー html書き方

    HPBでタグを使ってお問い合わせのフォームを作っている所ですが、 項目名とテキストエリアを横並びにしたいのですが上下にしかなりません。 貼り付けてみましたが、これで分かりますでしょうか? どうすれば、テキストエリアを横に出来るかお分かりの方いらっしゃいましたら お教えくださいませ。宜しくお願い致します。 <TBODY> <TR> <TD align="right" valign="top" class="hpb-cnt-tb-cell2"><TEXTAREA name="otoiawasenaiyou" rows="10" cols="50"></TEXTAREA></TD> </TR> </TBODY> </TABLE> <CENTER><br> </CENTER>

  • <label>と<textarea>の位置がズレる

    おおよそ以下のような記述で備考欄<textarea>を作成しました。 横方向は固定させ、縦方向のみリサイズ可としました。 さらにmin-height と max-height で高さを制限しました。 最小値(min-height)の時には備考という文字(label)は textarea のちょうど真横に来る ようにpaddingなどで位置を調整したのですが、最大値(max-height)までリサイズすると ラベルが添付画像のように下の方にズレてしまいます。 textareaボックスの左上に固定、もしくは高さに合わせてボックスの真横にくっついてくる ようにするにはどのように記述したら良いのでしょうか? わかる方がいらっしゃいましたら教えてください。よろしくお願いします。 (HTML) <div> <label for="remark"> 備考: </label> <textarea id="remark"></textarea> </div> (CSS) textarea#remark { width: 400px; resize: vertical; min-height: 50px; max-height: 120px; border-radius: 0.5em; }

    • 締切済み
    • CSS
  • TEXTAREAの改行をデータへ反映

    よろしくお願いします。 フォーム上で入力した値をCSVに反映させるようなものを作っているのですが、TEXTAREAで改行した値がCSVデータ上で改行されなくて困っています。 <TABLE>  ・  ・  ・ <TR> <TD>コメント:</TD> <TD><TEXTAREA NAME="COMMENT" rows="2" cols="40"></TEXTAREA></TD> </TR> </TABLE> 入力した値: ---------- あああ※ いいい※ ううう        ※位置で改行 ---------- CSVデータ内: ~,あああいいいううう webサーバー・・・HP-UX web・・・IE 開発端末・・・windows2000(Tera Term 使用) 以上。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テキストエリア内の文字を大きくしたい

    下記のようなな記述で文字記入をしています 表示自体の文字ポイントは変更できるのですが、いざ入力記入をすると機種依存のような文字の大きさにしか表示されません。小さいので、不評を買っています。 <TR><TD valign="top" bgcolor="#6687cc"> <FONT color="#ffffff" size="-1">本文*</FONT> </TD> <TD valign="top"> <FONT size="-1">半角2000文字(全角1000文字)まで</FONT><BR> <TEXTAREA rows="12" cols="57" name="message"></TEXTAREA> </TD></TR> 現状は9ポイントほどの表示、12ポイントほどにしたい このサイトの質問内容文表示よりも大きくしたい できますか

    • ベストアンサー
    • HTML
  • TEXTAREAでエラー

    入力された"TEXTAREA"のデータを入力チェックプログラム を通してエラーチェックを行い、エラーが無かったら "header"関数で確認の画面で表示しようとしています。 TEXTAREAの入力画面に1行で入力した場合は確認の画面 に出力されます。 ところが、改行して文章を入れ送信すると、画面が真っ 白になって次へ進めません。 環境および状況は下記です。 OS: FedoraCore5 PHP: Version 5.1.6 日本語表記:内部表記ともShiht_JIS (送る側のTEXTAREA) <TR> <TD height="20" bgcolor="#f0f8ff" width="26%" nowrap><FONT color="#0000cc" size="-1">状況</font><font color="#0000cc" size="-2" valign="center">(ご自由にお書きください)</font></TD> <TD height="30" bgcolor="#FFFFFF" width="70%" colspan="3">  </TD> </TR> <TR> <TD height="40" bgcolor="#FFFFFF" width="50%" colspan="5" nowrap>  <TEXTAREA name="joukyou" cols="45" rows="10"><?= $joukyou ?></TEXTAREA></TD> </TR><br> (送る側チェックプログラムのheader関数) $joukyou = htmlspecialchars(stripcslashes($joukyou)); header("Location: kakunin.php?joukyou=$joukyou------ (受ける側のTEXTAREA) <TR> <TD height="20" bgcolor="#f0f8ff" width="26%" nowrap><FONT color="#0000cc" size="-1">状況</font><font color="#0000cc" size="-2" valign="center"></font></TD> <TD height="40" bgcolor="#FFFFFF" width="70%">  <TEXTAREA name="joukyou" cols="45" rows="10" readonly><?= $joukyou ?></TEXTAREA></TD> </TR>

    • 締切済み
    • PHP
  • フォームタグについて教えてください。

    質問1: <label for="form2">人数:</label> <input type="text" name="heads" size="20" maxlength="4" value="人" id="form2"> というフォームを作っています。 こうした場合、入力欄に入力されている「人」は左詰めになってしまいます。。できれば右詰めにしたいのですが、HTMLだけでできるものでしょうか? 質問2: <label for="form4">御意見・備考:</label> <textarea name="contents" cols="50" rows="10" wrap="soft" id="form4"></textarea> というフォームを作っています。 こうした場合、「御意見・備考」は入力欄の左下に表示されますが、これを左上にできないでしょうか? 以上、初心者のため分かりやすく教えてもらえたら大変嬉しいです^^; よろしくお願いします<m(__)m>

    • ベストアンサー
    • HTML
  • 一番下にしたいのですが・・

    <html> <head></head> <body> <table> <tr valign="top"> <td width="200"> A </td> <td width="650"> B </td> </tr> </table> </body> </html> Aの部分メニューリンクを5項目(上から200px)を入れています。 Bの部分にはコンテンツ(上から1000px)が入っています。 メニューの5項目の下に <div valign="bottom"> (アクセス解析バナー画像) </div> を追加してこの画像だけを左のセルの一番下にくっつけたかったのですが、 うまくいかないみたいです。 どのようにしたらよいのでしょうか?よろしくお願いします。

    • ベストアンサー
    • HTML
  • <textarea>の最後尾に追加した実体参照や数値参照が意図した通り表示されない

    <textarea>の最後尾に追加した実体参照や数値参照が意図した通り表示されません。 確認したこと(■1■)と、やりたい事(■2■)は、下記の通りです。 ■1■ <textarea>~</textarea>の中に直接記述すると    下記の例だと、 <とか> と、表示されます。 <textarea name="output" id="outputEdit" style="background-color:#99ff66" cols=80 rows=25> &lt;とか&gt </textarea> ■2■ javascriptで<textarea>の最後尾に追加する方法だと、    下記の例だと、 &lt;&gt; と、表示されてしまいます。 <textarea name="output" id="outputEdit" style="background-color:#99ff66" cols=80 rows=25></textarea> <script language="javascript"> <!-- var objTextarea = document.getElementById('outputEdit'); objTextarea.value+="&lt;&gt;"; //--> </script> 2の記述で、1と同じ様に表示させたいのですが、 無理なのでしょうか? どうか宜しくお願いいたします。

  • textarea内のタグを反映させたいのですが

    http://okweb.jp/kotaeru.php3?q=984300を参考に 改行を犠牲にして自動リンクを利用できるようにしたのですが、 HTMLの一部に編集内容を反映したいため FONTタグ等も利用したいんです。 何か良い方法はありませんでしょうか? よろしくお願いします。 <?PHP 文字制限のため省略ですが参考元と同様です。 ?> <html> <title>テキストファイルのデータ更新</title> </head> <body> <form method="post" action="edit.php"> data1の変更 - <textarea name ="data1" rows="5" cols="40"><?php echo preg_replace("/<br>/", "\n", $ini['data1']); ?></textarea><br> data2の変更 - <textarea name ="data2" rows="5" cols="40"><?php echo preg_replace("/<br>/", "\n", $ini['data2']); ?></textarea><br> data3の変更 - <textarea name ="data3" rows="5" cols="40"><?php echo preg_replace("/<br>/", "\n", $ini['data3']); ?></textarea><br> <input type="submit" value="送信"> </form> <table> <tr><td>data1</td><td><?PHP echo ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]", "<a href=\"\\0\">\\0</a>", $ini['data1']); ?></td></tr> <tr><td>data2</td><td><?PHP echo ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]", "<a href=\"\\0\">\\0</a>", $ini['data2']); ?></td></tr> <tr><td>data3</td><td><?PHP echo ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]", "<a href=\"\\0\">\\0</a>", $ini['data3']); ?></td></tr> </table> </body> </html>

    • 締切済み
    • PHP