ホームページビルダーの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>
- shigotoyou4510
- お礼率50% (12/24)
- Windows 7
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
>項目名とテキストエリアを横並びにしたいのですが上下にしかなりません。 うーん。 並び以前に、フォームパーツがtextareaしかないのですが。 とにかく横だけでいいなら、 <tr> <td>あ</td> <td>い</td> <td>う</td> </tr> これで、横には並びます。 しかし、ブラウザの横幅は人によって違うので、 横に強制したレイアウトは、人により操作できなくなる 可能性もあるので、縦にするほうが、使ってもらえる確率は 上がりますよ。
関連する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
- tableでレイアウトが崩れる場合
技術の足りなさからCSSにできなかったので、再度テーブルでサイズを指定してやってみようとしているところです。 どこかの数字がおかしくなっていると思うのですが、どうしてもわかりません。 ちゃんと表示できるブラウザとそうでないブラウザがあり、Firefoxは環境設定により表示が崩れる場合があります。 使用ソフトはビルダーの１１です。 なんでも良いのでどうぞアドバイスをよろしくお願い致します。 <body> <div ALIGN="center"> <table> <tbody> <tr> <td CLASS="td4" HEIGHT="70"> <table WIDTH="600" CELLSPACING="1" CELLPADDING="0"> <tbody> <tr> <td VALIGN="top" CLASS="td1" WIDTH="400" ALIGN="left" HEIGHT="180"> <b>文字 <textarea ROWS="15" COLS="70">文字</textarea><br> <br> </td> <td VALIGN="top" CLASS="td1" WIDTH="100" HEIGHT="180"> <table CELLSPACING="0" CELLPADDING="4"> <tbody> <tr> <td CLASS="td2" HEIGHT="16" WIDTH="100">文字</td> </tr> </tbody> </table> 文字 <br> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br> </div> </body>
- ベストアンサー
- HTML
- ホームページビルダーで右端のセルが狭くなります。
ホームページビルダーで右端のセルが狭くなります。 現在ホームページビルダーの教科書を見ながら勉強しているのですが、教科書が用意しているファイルをビルダーで開くと右端のセルだけが狭くなります。 ちなみにブラウザ（IE）で開くと問題ありません。 これは何が原因でしょうか？編集しにくいので教えてください。 ちなみにソースは以下の感じです。（BODY以下） 念のため画像も添付します。 <BODY text=#000000 vLink=#808080 aLink=#ff8040 link=#ff3535 bgColor=#333333> <CENTER> <TABLE cellPadding=3 width=650 bgColor=#ffffff> <COLGROUP> <COL> <COL width=220> <TBODY> <TR> <TD vAlign=top rowSpan=11><IMG height="400" alt="代替テキスト１" src="xxx.gif" width="120" border="0"></TD> <TD colSpan=2><IMG height="150" alt="代替テキスト２" src="xxx.jpg" width="520" border="0"></TD></TR> <TR> <TD colSpan=2> <UL> <LI></LI> </UL> </TD></TR> <TR> <TD colSpan=2><IMG alt="代替テキスト" src="iｘｘｘ.gif" border="0"></TD></TR> <TR> <TD><IMG height="180" alt="代替テキスト" src="ｘｘｘｘ.jpg" width="140" border="0"></TD> <TD vAlign=top><FONT size=-1>長いテキスト文<BR><BR>このページの先頭へ</FONT></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD align="center" colSpan=2></TD></TR></TBODY></TABLE></CENTER></BODY></HTML> ちなみにCOLGROUPとCOLの使い方もよくわかりません。 よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- valign=topが機能しません
CGIファイル内のテーブルのtdにvalign=topを記述しましたが、テキストが上にきてくれません。 ソースは以下です。「メッセージ」の文字が上にくるようにするにはどうすれがいいか教えてください。 よろしくお願いします。 <center> <TABLE BORDER=0 CELLPADDING=10 CELLSPACING=10> <tr> <td align=right nowrap><font size=2>お名前</font></td> <td align=left> <input type="text" name="name" size="30" maxlength="100" class=textarea> </td> </tr> <tr> <td align=right nowrap><font size=2>タイトル</font></td> <td align=left><input type="text" name="title" size="50" maxlength="200" class=textarea></td> </tr> <tr> <td valign=top align=right nowrap ><font size=2>メッセージ</font></td> <td align=left><textarea name="msg" cols="50" rows="7" class=textarea></textarea></td> </tr> <tr> <td align=right nowrap><font size=2>パスワード</font></td> <td align=left><input type="password" name="pass" size="16" maxlength="200" class=textarea value=$cpass></td> </tr> <tr> <td colspan=2> <hr size=1 noshade> </td> </tr> <tr> <td align=center colspan=2> <div align="center"><input type="submit" value="投稿する" class=input2 onClick="writeCookie()"></div></td> </tr></form> </table> </center>
- 締切済み
- HTML
- エクセルのセル単位のhtmlへの表示方法
ホームページビルダーにてhtmlファイル内のセルを作成しています。 そこにエクセルのセルのデーターをリンクさせたいのです。 具体例を申しますと エクセルでは 人口推移というファイルに○○市人口というsheetがあり、男女年代地区別に管理しています。 そのデーターのうちhtmlでは 男女のみ抽出して表示したいのです。抽出・・・というよりリンクです。 エクセルのデーターが更新されれば同じようにhtml内のデーターの更新させたいのです。 htmlのエクセルのタグは <TR> <TD class="hpb-cnt-tb-cell1">男性人口</TD> <TD class="hpb-cnt-tb-cell2">女性人口</TD> </TR> <TR> <TD class="hpb-cnt-tb-cell1"></TD> <TD class="hpb-cnt-tb-cell2"></TD> </TR> <TR> <TD class="hpb-cnt-tb-cell1"></TD> <TD class="hpb-cnt-tb-cell2"></TD> </TR> といように作成してあります。 他の方法でもよいので、良い方法がありましたらお教え下さい。
- ベストアンサー
- ホームページ作成ソフト
- テーブルにCSSの枠のつけ方
はじめまして、こんにちわ。 HTMLで組んだテーブルにCSSの枠をつけたいと思っています。 ここのページhttp://www.rakuten.ne.jp/gold/royalparty/ の『NEW ITEMS』みたいに1列4行に枠をつけたい場合はどうしたら良いのでしょうか。よろしくお願いいたします。 組んだテーブルは下です。 <table class="newtable" cellspacing="0" cellpadding="0" border="0" width="610"> <tbody> <tr> <td class="photo" valign="middle" align="center" width="138"> 1-1 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-2 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-3 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-4</a></td> </tr> <tr> <td valign="top" align="left" width="138"> 2-1</a> </td> <td valign="top" align="left" width="138"> 2-2</a> </td> <td valign="top" align="left" width="138"> 2-3 </a> </td> <td valign="top" align="left" width="138"> 2-4</a> </td> </tr> <tr> <td valign="top" align="left" width="138">3-1</td> <td valign="top" align="left" width="138">3-2</td> <td valign="top" align="left" width="138">3-3</td> <td valign="top" align="left" width="138">3-4</td> </tr> </tbody> </table>
- ベストアンサー
- HTML
- Dreamweaverのデザインで表示がおかしい時
IEだと綺麗に表示されるけど、Dreamweaverのデザインで見ると表示がおかしい時って結構あり困ってます。 ソースフォーマットとかやってもやはり駄目です。 今回の場合、どのタグが悪そうでしょうか？ <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-JP"> </HEAD> <BODY> <BR> <BR> <BR> <TABLE align="center" cellSpacing=0 cellPadding=0 width="95%" bgColor=#0066cc border=0> <TBODY><TR><TD> <TABLE cellSpacing=2 cellPadding=1 width="100%" border=0> <TBODY> <TR bgColor=#0066cc> <TD align=middle><SMALL><B><FONT color=#ffffff> テキストツール </FONT></A></B></SMALL> </TD></TR> <TR bgColor=#ffffff> <TD align=middle> <TABLE height="400" cellSpacing=0 cellPadding=1 width="95%" border=0> <TBODY> <TR valign=top> <TD width="100%" valign="center" align="center"> <BR><A>トップページ</A><BR><BR> </TD> </TR> <TR valign=top> <TD width="100%" valign="top" align="center"> <A HREF="list">あ</A><BR><BR> <A HREF="clist">い</A><BR><BR> <A HREF="slist">う</A><BR><BR> </TD> </TR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </BODY></HTML>
- ベストアンサー
- ホームページ作成ソフト
- テーブルの枠の中にテーブルを設置
TOPページに下記のような大きな４等分の枠なしテーブルを作り、中にテーブルを埋め込みたいと思っています。 <TABLE border="0" width="700" height="500"> <TR> <TD>●1</TD> <td>●2</td></TR> <TR> <TD align="left" valign="bottom">◎1</TD> <td align="center" valign="middle"> <table bordercolordark="white" bordercolorlight="black" border="1" cellpadding="8" cellspacing="0" bgcolor="greenyellow"><tr><td align="center"> <table bordercolordark="white" bordercolorlight="black" border="1" cellpadding="4" cellspacing="0" bgcolor="#ccff99"><tr><td align="center"><font color="mediumseagreen">★ ★ ★</font> おしらせ <font color="mediumseagreen">★ ★ ★</font></td></tr> <tr><td bgcolor="white"> <textarea cols="28" rows="5"> ここに文字 </textarea> </td></tr></table> <br> <table bordercolordark="white" bordercolorlight="black" border="1" cellpadding="3" cellspacing="0" bgcolor="white"><tr><td bgcolor="white"> 最終更新 ≫ </td></tr></table> </td></tr></table> </TR> </TABLE> （HEADの間にスタイルシートを挿入します。） このように書くとテーブルを入れた場所の親テーブルが大きく広がってしまいます。 広がらずにテーブルを形成する方法をご教授下さい。 初心者で申し訳ございません。
- ベストアンサー
- HTML
- TEXTAREA に入力時の位置
大きなサイトの入力フォームは、テキスト入力エリア内をクリックすると左上角から入力できますが、以下のようにhtmlを書くと、クリックしたところから入力が始まってしまいます。 大手のように、左上角から入力を始めるようにするにはどうすればいいのでしょうか。 ご存知の方がおられましたら教えてください。 よろしくお願い致します。 <TR> <TD> 下の文: </TD> <TD> <TEXTAREA rows="10" cols="50" name="body"> </TEXTAREA> </TD> </TR>
- ベストアンサー
- HTML
- ホームページビルダー8 中央配置
ホームページビルダー8でホームページを作成し公開したところ、左寄りになってしまいました。 本サイトでかなり調べて「どこでも配置モード」ではできないことを知り「標準モード」で作成し直し、レイアウト枠を含んだページすべてを1行1列の表で囲んでセンタリングを試みてもできませんでした。 レイアウト枠があるとセンタリングできないのでしょうか？ ちなみにソースは以下のようになっています。 </DIV> <TABLE border="0" width="100%" cellpadding="0" cellspacing="0"> <COL span="1" align="center"> <TBODY> <TR align="center"> <TD height="1041" align="center"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> 初心者ですのでわかりやすくお願いします。
- 締切済み
- ホームページ作成ソフト
お礼
早々のご回答ありがとうございます。 知らない事だらけでお恥ずかしいです。 何とか横並びにできました。 色々教えてくださりありがとうございました。