- PR -

複数のタグを用いて、ボタンの位置を横一列にするには？

1
投稿者投稿内容
ほこ
会議室デビュー日: 2003/12/17
投稿数: 10
投稿日時: 2005-04-13 00:03
こんにちは。ほこと申します。
Strutsタグに関して分からないことがあるのでご教授頂けると助かります。
※Struts1.1を使用しています。

<html:form action=”/modoruAction”>
<html:submit>戻る<html:submit >
</html:form>
<html:form action=”/kensakuAction”>
<html:submit>検索</ html:submit >
</html:form>

上記のようなソースを書くと「戻る」ボタンと「検索」ボタンは横一列に並ばず、改行されて画面上に表示されます。
複数の<html:form>タグを用いて、ボタンを横一列に並ぶようにするにはどうすればよいのでしょうか？
山本 裕介
ぬし
会議室デビュー日: 2003/05/22
投稿数: 2415
お住まい・勤務地: 恵比寿
投稿日時: 2005-04-13 01:24
Struts というよりは HTML の話題でしょうか。
まずは taglib と切り離して HTML レベルでどのような表現が必要か考えてみましょう。
こういうの↓を使うと試行錯誤するとき便利です。
・そば
http://yusuke.homeip.net/soba/

table タグで一列に並べると良さそうです。
コード:
<table>
  <tr>
    <td><!--戻るボタンの記述--></td>
    <td><!--検索ボタンの記述--></td>
  </tr>
</table>
あべたん
会議室デビュー日: 2004/06/09
投稿数: 3
投稿日時: 2005-04-13 01:32
<form action="/modoruAction">
<input type="submit" value="戻る">
</form>
<form action="/kensakuAction">
<input type="submit" value="検索">
</form>
って書いてるのと同じですね。htmlファイルにして確認すれば、
分かりますけど、改行してしまいます。(htmlの仕様？)

同一JSP内で複数のActionを定義する時は、私はJavaScriptを使って、
切り替えしています。
(JavaScriptを使っては駄目という要件であれば満たせませんが。。。)
あべたん
会議室デビュー日: 2004/06/09
投稿数: 3
投稿日時: 2005-04-13 01:38
書いてる間に書き込みされてましたね。。。
インギさんの回答がタグのみで表記できるので一番きれいですかね。
かつのり
ぬし
会議室デビュー日: 2004/03/18
投稿数: 2015
お住まい・勤務地: 札幌
投稿日時: 2005-04-13 07:29
スタイルでfloatプロパティを使用してみてはいかがでしょうか。
HTMLのタグにはインライン要素とブロック要素の概念があります。
そこら辺を勉強してみてください。
ほこ
会議室デビュー日: 2003/12/17
投稿数: 10
投稿日時: 2005-04-13 20:48
アドバイスありがとうございます。
参考にさせていただきます。
1

スキルアップ／キャリアアップ（JOB@IT）