ベストアンサー

掲示板の入力フォームのずれ。

2004/05/08 12:19

掲示板の入力フォームの「お名前、題名…」とかの見出しに替えて、自作ロゴを画像で入れてみたのですが、入力フォームの各窓が、ロゴから思い切り右に離れてずれてしまいました。例えば、名前欄については、下記のように書いているのですが、どうすればよいでしょうか。 <TR> <TD><IMG SRC="●●●.gif"</TD> <TD><INPUT TYPE=text NAME=name SIZE=50></TD> </TR> お願いします。

daisuke351
お礼率75% (117/156)

CGI
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

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

ベストアンサー

Yumikoit
ベストアンサー率38% (849/2209)

2004/05/08 15:20 回答No.3

スタイルシートを使ってINPUT や FORM のMARGIN／Padding属性を設定したらどうでしょうか？ http://tohoho.wakusei.ne.jp/css/index.htm

質問者

お礼 2004/05/08 15:51

再度ありがとうございます。テーブルの枠線を表示して確認したところ、入力フォームの最後の見出しと窓が</TD>で区切られていなかったため、このような事態になったことが判明しました。これにより、思った通りに表示させることができました。初歩的ミスで申し訳ございません。でも、お２人のご回答がこのことに気づくきっかけになりましたので、お礼の意味も込めて、ポイント出させていただきます。重ねがさねありがとうございました。

全文を見る

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

osamuy
ベストアンサー率42% (1231/2878)

2004/05/08 12:43 回答No.2

》<TD><IMG SRC="●●●.gif"</TD> タグimgが正しく閉じられていないですが、これは質問時のtypoですか? CSSや各要素の属性で、widthやらalignとかをきっちり指定してみるとか。それでも直せなかった場合は、画像使うのやめて元に戻すというのも、適切な解決策ではないかと。

質問者

補足 2004/05/08 15:10

ご回答ありがとうございます。タグimgが閉じられていない点は問題ないようです。（一応閉じましたが。） widthやalignはやってみましたが、とにかく、入力フォームの窓が右に寄ったきりで全く変化しません。解決法がみつからない場合、画像使うのやめますが。。。

全文を見る

ログインすると、全ての回答が全文表示されます。

Yumikoit
ベストアンサー率38% (849/2209)

2004/05/08 12:39 回答No.1

align属性で、画像を右にそろえてあげてはいかがでしょうか？ <TR> <TD align=right><IMG SRC="●●●.gif"></TD> <TD><INPUT TYPE=text NAME=name SIZE=50></TD> </TR>

質問者

補足 2004/05/08 14:58

回答ありがとうございます。上記のようにalign=rightにすると、全部が右に寄りすぎてしまいます。むしろ、自作ロゴの位置はそのままで、入力フォームの窓の位置をもっと左に寄せたいのですが。 align=leftでは変化無しです。初心者ですが、よろしくお願いします。

全文を見る

ログインすると、全ての回答が全文表示されます。

関連するQ&A

フォームの値をうまく出力できない
フォーム(1.htm)で、質問と答えと入力し、その結果を次のページ(2.asp)で表示させるASPを作成しました。以下のように作成したいのですが、うまくいきません。どうしたらいいのでしょうか。宜しくお願いします。・質問と答えは10個入力されるとはかぎらない・例えば７個入力されたとき、question1からquestion7まで入力されるとはかぎらない（question2が空欄で、question9に入力される場合もある）・どのように入力された場合でも、qとaの画像は、q1.gif・a1.gifから連続で表示されるようにする。・フォームで入力されたところを上から順番にq1.gif～、a1.gif～の画像を使って、2.aspに表示させる。 ****1.htm***** <form method="POST" action="2.asp"> <input name="question1" type="text"> <input name="answer1" type="text"> … <input name="question10" type="text"> <input name="answer10" type="text"> </form> ****2.asp************ question1 = Request.Form("question1") answer1 = Request.Form("answer1") … question10 = Request.Form("question10") answer10 = Request.Form("answer10") Response.Write ("<table>") Response.Write ("<tr>") Response.Write ("<td><img src= q1.gif></td>") Response.Write ("<td>" & question1 & "</td>") Response.Write ("</tr>") Response.Write ("<tr>") Response.Write ("<td><img src= a1.gif></td>") Response.Write ("<td>" & answer1 & "</td>") Response.Write ("</tr>") … Response.Write ("<tr>") Response.Write ("<td><img src= q10.gif></td>") Response.Write ("<td>" & question10 & "</td>") Response.Write ("</tr>") Response.Write ("<tr>") Response.Write ("<td><img src= a10.gif></td>") Response.Write ("<td>" & answer10 & "</td>") Response.Write ("</tr>") Response.Write ("</table>")
- ベストアンサー
- Microsoft ASP
ゲームの宣伝掲示板に非アクティブで連続投稿がしたい
ゲームの宣伝掲示板があるのですが、流れが速く自動的に連続投稿をしたいのですが、できたら非アクティブにしたいのです。で、UWSCのソフトを使ってCOMコンポーネントを使って IE.visible = FALSE にして見えなくすれば作業の邪魔にならないかと考えたのですが、 <input type="hidden" name="name" value="××××"> <input type="hidden" name="island" value="××××"> <textarea name="message" cols="75" rows="7"></textarea> </td> </tr> </table> <table width="554" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td colspan="2" height="8"></td></tr> <tr> <td width="31"><input type="image" name="ok[]" alt="送信" src="img/btn_ok.gif"></td> <td width="28"> <div align="center"><img src="img/img_or.gif" width="19" height="16"></div> </td> <td width="31"><input type="image" name="no[]" alt="リセット" src="img/btn_no.gif"></td> のhtmlの<textarea>は IE.document.forms[0].elements[2].value ="×××××" で、無事入力できたのですが、 <input type="image" name="no[]" alt="リセット" src="img/btn_no.gif">　で、 IE.document.forms[0].elements[3].click() では、COMエラーが出てしまいます。input type="image"はclickは効かないのでしょうか？入力できる手立てはないでしょうか？
- 締切済み
- フリーウェア・フリーソフト
フォームメール確認用ページ
フォームメールの確認用のページで、 cgiから書き出す、最終的な確認部分を、入力フォームから内容を受けた部分のみ表示しようとおもうのですが、以下の書式だとhtml内のsub部分の指示が効かずに、画面にそのままsub～と書き出されてしまいます。どなたか良い方法を教えていただけないでしょうか？よろしくお願いいたします。省略 $errNum = chkFormInput(); fixTags(); &okhtml(); sub okhtml{ print "Content-type:text/html\n\n"; print <<DATA; <html> <head> 省略 sub hoge { if ($hoge eq "") { print "<tr><td height="1" width="1"><img src="bitr.gif" width="1" height="1"></td></tr>\n"; }else{ print "<tr><td align=center width="30" bgcolor="#ffffdd"><font color="#333300" class="text2">8.</font></td> <td width="3"><img src="bitr.gif" width="1" height="1"></td> <td width="106" height="27" bgcolor="#ffffaa"><img src="bitr.gif" width="1" height="1"><font color="#333300" class="text2">連絡先<font class="text2" color="#cc0000"></td> <td width="3"><img src="bitr.gif" width="1" height="1"></td> <td width="414" bgcolor="#ffffdd"><img src="bitr.gif" width="1" height="1"><font class="text5">$hoge</font></td></tr> <tr><td colspan="5" height="2"><img src="bitr.gif" width="1" height="1"></td></tr>\n"; } }
- ベストアンサー
- Perl
javascript でテーブル操作
javascriptのdeleteRowで削除したテーブルの行を再表示する方法を探しております。下記ソース内reload.gifをクリックするとdeleteRowで消えた行をまとめて表示したいのですが何か良い方法は無いでしょうか？ (＊)ブラウザの再表示は使えません。 <html> <head> <title></title> <script language="JavaScript" type="text/JavaScript"></script> </head> <body> <img src="reload.gif"> <table id="table1"> <tr onmouseover="asrow1 = this.rowIndex"> <td class="ChkTD41">ああ<img src="del.gif" onclick="Delline('table1',asrow1)" /> <input type="text" name="a1"> </td> </tr> <tr onmouseover="asrow2 = this.rowIndex"> <td class="ChkTD41">いい<img src="del.gif" onclick="Delline('table1',asrow2)" /> <input type="text" name="b1"> </td> </tr> <tr onmouseover="asrow3 = this.rowIndex"> <td>うう<img src="del.gif" onclick="Delline('table1',asrow3)" /> <input type="text" name="c1"> </td> </tr> </table> </body> </html>
- ベストアンサー
- JavaScript
２つのフォームに値を入れて計算
２つのフォームを作り、その２つを計算したいのですがオブジェクトの指定の仕方がエラーが出てしまい(オブジェクトを指定してくださいと出ます)わかりません。どうか教えてください。ちなみにforなどは使わなくても大丈夫ですのでよろしくお願いします。 function kei() { var kei1 = 0; kei1=eval(document.A.a11.value) * eval(document.B.b21.value) ; document.C.c11.value = kei1; } <table border = 1> <form name="A"> <tr> <td> <input type = "text" size = 5 name = "a11"></input> </td> <td> <input type = "text" size = 5 name = "a12"></input> </td> <td> <input type = "text" size = 5 name = "a13"></input> </td> </tr> <tr> <td> <input type = "text" size = 5 name = "a21"></input> </td> <td> <input type = "text" size = 5 name = "a22"></input> </td> <td> <input type = "text" size = 5 name = "a23"></input> </td> </tr> </form> </table> <table boeder = 1> <tr> <input type = "button" onClick="kei()" value = "×"></input> </tr> </table> <table border = 1> <form name="B"> <tr> <td> <input type = "text" size = 5 name = "b21"></input> </td> <td> <input type = "text" size = 5 name = "b22"></input> </td> <td> <input type = "text" size = 5 name = "b23"></input> </td> </tr> <tr> <td> <input type = "text" size = 5 name = "b31"></input> </td> <td> <input type = "text" size = 5 name = "b32"></input> </td> <td> <input type = "text" size = 5 name = "b33"></input> </td> </tr> </form> </table> <table border = 1> <form name="C"> <tr> <td> <input type = "text" size = 5 name = "c11"></input> </td> <td> <input type = "text" size = 5 name = "c12"></input> </td> <td> <input type = "text" size = 5 name = "c13"></input> </td> </tr> <tr> <td> <input type = "text" size = 5 name = "c21"></input> </td> <td> <input type = "text" size = 5 name = "c22"></input> </td> <td> <input type = "text" size = 5 name = "c23"></input> </td> </tr> </form> </table>
- ベストアンサー
- JavaScript
ＪＮＡＶＩから提供されたメールフォーム
まったくの素人だと思ってください。よろしくお願いします。ＪＮＡＶＩから提供していただいた、メールフォームに入力必須項目を付けたいのです。ＨＴＭＬはホームページビルダーでカスタムできます。ＣＧＩを勉強しようと思って本も買ったのですが？？？です。ネットでかなり調べたのですが？？？です。ＨＴＭＬにタグ（というのかな。文字です。）を、書くのですよね。いろいろと、文字を入れました。エラーがでるようになった文字もあったのですが、文字化けして無茶苦茶になりました。ＨＴＭＬは <CENTER><P><BR> <form method="post" action="FormMail.pl">  <table> <tr> <td>eMail</td> <td><input type="text" name="_email"></td> </tr> <tr> <td>名前</td> <td><input type="text" name="realname"></td> </tr> <tr> <td>名前(カタカナ)</td> <td><input type="text" name="名前(カタカナ)"></td> </tr><TR> <TD>郵便番号</TD> <td><input type="text" name="郵便番号"></td> </TR><tr> <td>都道府県</td> <td><input type="text" name="都道府県"></td> </tr> <tr> <td>住所</td> <td><input type="text" name="住所"></td> </tr> <tr> <tr> <td>電話番号</td> <td><input type="text" name="_電話番号"></td> </tr> <tr> <td colspan="2"><input type="submit"></td> </tr> </table> </form> </CENTER> です。私には、無理なのでしょうか？ＣＧＩファイルを見なければ入力する文字はわからないのでしょうか？よろしくお願いします。
- ベストアンサー
- CGI
IE6でレイアウトが崩れてしまいます
制作しているWebサイトでIE6でプレビューした時のみ中央に配置したページが左にずれてしまいます。ただし、他のページは中央に表示されていて、メールフォームを入れているページだけが左に表示されてしまいます。ということから、スタイルシートの問題というよりは、formタグやレイアウトテーブルの置き方の問題なのだろうと思うのですが、助言をいただけないでしょうか。よろしくお願いいたします。ソースは以下の通りです。 -------------------------------------- <form action="./clipmail.cgi" method="post" enctype="multipart/form-data"> <input type="hidden" name="need" value="姓名" /> <input type="hidden" name="match" value="メールメール確認" /> <table border="0" cellpadding="5" align="center" width="80%"> <tr> <td><img src="images/l_name.gif" alt="ご氏名" width="70" height="21" /></td> <td>　姓（全角） <input type="text" name="姓" size="12" />　　名（全角） <input type="text" name="名" size="12" />（必須）</td> </tr> <tr> <td><img src="images/l_name2.gif" alt="ご氏名（かな）" width="125" height="21" /></td> <td>せい（全角） <input type="text" name="せい" size="12" /> 　めい（全角） <input type="text" name="めい" size="12" />（必須）</td> </tr> <tr> <td><img src="images/l_age.gif" alt="年代" width="54" height="21" /></td> <td><label> <select name="年代"> <option value="" selected="selected"></option> <option value="～19歳">～19歳</option> <option value="20～29歳">20～29歳</option> <option value="30～39歳">30～39歳</option> <option value="40～49歳">40～49歳</option> <option value="50～59歳">50～59歳</option> <option value="60～69歳">60～69歳</option> <option value="70歳～">70歳～</option> </select>（必須）</label></td> </tr> <tr> <td><img src="images/l_mail.gif" alt="メールアドレス" width="135" height="21" /></td> <td><input type="text" name="メール" size="50" />（必須）</td> </tr> <tr> <td><img src="images/l_mailconfirm.gif" alt="メールアドレス確認" width="167" height="21" /></td> <td><input type="text" name="メール確認" size="50" />（再度入力）</td> </tr> <tr> <td><img src="images/l_reply.gif" alt="ご希望時間帯" width="182" height="21" /></td> <td><select name="ご希望時間帯"> <option value="時間指定なし" selected="selected">時間指定なし</option> <option value="午前">午前</option> <option value="午後">午後</option> <option value="18時以降">18時以降</option> <option value="土曜日">土曜日</option> <option value="日曜、祝祭日">日曜、祝祭日</option> </select> （必須）</td> </tr> <tr> <td><img src="images/l_consult.gif" alt="ご相談内容" width="103" height="21" /></td> <td><textarea name="ご相談内容" rows="10" cols="60"></textarea></td> </tr> <tr> <td colspan="2"><img src="../common/images/spacer.gif" width="1" height="10" /></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="入力内容を確認する" /><img src="../common/images/spacer.gif" height="10px" width="20px" /><input type="reset" value="すべて書き直す" /></td> </tr> </table> </form> と、こんな感じです。ちなみに、これを囲んでいる<div id="container">は外部スタイルシートで #container { margin: 0 auto; width: 800px; } としています。ページのトップで使用しているイメージが最大幅800pxで、背景に幅800pxの画像を使い、コンテナが中央に来るように配置しています。どうぞよろしくお願いいたします。
- 締切済み
- HTML
フォームのリンクについて
nyuryoku.php <form method="POST" action="kakunin.php"> <p>　</p> <p><a href="変更フォーム"><img border="0" src="henkou.gif"></a><a href="会社フォーム"><img border="0" src="kaisya.gif"></a></p> <p>変更フォーム</p> <p>名前<input type="text" name="T1" size="20"></p> <p>住所<input type="text" name="T2" size="20"></p> <p>ＴＥＬ<input type="text" name="T3" size="20"></p> 　<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <p>会社フォーム</p> <p>会社名<input type="text" name="T4" size="20"></p> <p>会社住所<input type="text" name="T5" size="20"></p> <p>会社TEL<input type="text" name="T6" size="20"></p> <p>　</p> <p><input type="submit" value="送信" name="B1"><input type="reset" value="リセット" name="B2"></p> </form> <form>から</form>の中に変更フォームと会社フォームがあり henkou.gifをクリックすると画面上に変更フォームが現れて、kaisya.gifをクリックすると会社フォームが表れるようにしたいのです。そして入力された情報は<input type="submit" value="送信" name="B1">で一度に送信できるようにしたいのですが、 henkou.gifとkaisya.gifにどういう風にリンクをはり各フォームだけを表示するにはどうしたらいいでしょうか？
- ベストアンサー
- PHP
入力フォームに半角スペース以降が表示されない
Perlでプログラムを組んでいます。「山田太郎」とデータを書き込みました。それを$nameという変数に入れてPerlで出力し、 HTMLのフォームで表示しようとすると「山田」までしか表示されません。フォーム以外ではちゃんと「山田太郎」と表示されます。入力フォームはINPUTTYPE=text　maxlength=20 です。スクリプトは以下のような感じです。 HTML出力部分のみ。 # フォームからの情報を連想配列 %form に入れる &init_form($kanjicode) ・・・・ print <<"EOD"; Content-type: text/html <HTML> <HEAD> $contenttype <TITLE>$title</TITLE> </HEAD> <body> $tabletag <UL> <LI>$nameさんパスワードは大文字小文字の違いに注意してください。</LI>　↑「山田太郎」とちゃんと表示される </UL> <FORM ACTION=$thisurl METHOD=$method> <TABLE> <TR> <TD>氏名</TD>　↓ここでは「山田」までしか表示されない <TD><INPUT type=text size=20 maxlength=20 name=$name value=$name></TD> </TR> <TR> <TD>パスワード</TD> <TD><INPUT type=password size=4 maxlength=4 name=pass value=$pass></TD> </TR> <TR> <TD COLSPAN=2> <INPUT type=hidden name=cmd value=new2> <INPUT type=submit value=登録する> </TD> </TR> </TABLE> </FORM> </BODY></HTML> EOD なにかヒントがありましたら教えてください。
- ベストアンサー
- Perl
フォームのname値に日本語を使うとどんな弊害がありますか？
フォームから自動で確認画面を表示するようなプログラムを作りたいのですが、面倒なのでname値に日本語を使ったらどうかと思ったのですが、一般的でないことは知っていますが、どのような弊害があるのでしょうか？ ■フォームお名前<input type="text" name="お名前"><br> 電話番号<input type="text" name="電話番号"> ■確認画面 <tr><td>お名前</td><td>田中太郎</td></tr> <tr><td>電話番号</td><td>080-345-6789</td></tr>
- ベストアンサー
- PHP

掲示板の入力フォームのずれ。