右寄せと左寄せ両方やりたい場合

[新着] Webテンプレートを仮オープンしました



0   名前: まう : 2006/01/17 19:07
ALL CSSでレイアウトしてますが、いつもこれだけは悩みます。
フォーム部分の配置で、テキストを左側、入力フォームを右側に寄せて
整えたいのですが、いいアイディアが浮かびません。

┌───────┬───────┐
│ああ   [    ]│ええ   [送信]│
│いいいいい [  ]│┌─────┐│
│う     [    ]│└─────┘│
└───────┴───────┘
こんな感じで。
バックのボックスも既にfloatで横並びな感じで。
いいアイディアがあれば教えてください。

1   名前: you : 2006/01/17 19:07
はじめまして!
tableタグを使いたくないのですね?
<dl>
<dt>お名前</dt>
<dd><input type="text" name="textfield" /></dd>
<dt>メールアドレス</dt>
<dd><input type="text" name="name" id="namae" /></dd>
</dl>


これにCSSを適用するか

<label for="namae" accesskey="n">名前:</label>
<input type="text" name="name" id="namae" />

後は、アイデアでCSSを適用すれば、良いと思います。
サンプルが見当たらなかったので CSSは、書きませんが
もし必要なら書き込みます。


2   名前: Pid : 2006/01/17 19:07
you さんが仰ることと被りますが,どうマークアップしてあるかによって,スタイルの書き方も変わってくると思います。

あと,段組は別に float を使わねばならないわけでもありません。
http://gowest.blog2.fc2.com/blog-entry-38.html

3   名前: まう : 2006/01/17 19:07
そうか!こういう時にもリストが使えるんですねっ!
ありがとうございます!!
試してみます!

一覧へ戻る