"formタグの後の文字を改行させないには？" フォーラム

メイン

CakePHP ビュー(View)

formタグの後の文字を改行させないには？

投稿するにはまず登録を

スレッド表示 | 新しいものから

前のトピック | 次のトピック | 下へ

投稿者	スレッド
egaku	投稿日時: 2010-3-10 11:30
Baker スタート登録日: 2010-2-16 居住地: 投稿: 13	formタグの後の文字を改行させないには？うまく言葉で説明できないのでコードでの説明になります。やりたいことは、ラベルとリスト、リストの後にかかれた文字を横並びにしたい、です。下記のようなコードがあったとします。 `<?php echo $form->input('Fav', array('label' => '好きな物：', 'empty'=>'---', 'type'=>'select', 'options'=> $list)); です。 ?>` この場合出力結果でいうと `<div class="input select"><label for="Fav">許容値</label> <select id="Fav" name="data[Fav]"> <option value="">---</option> <option value="0">みかん</option> <option value="1">りんご</option> </select></div> です。` となり、イメージ言いうと `好きな物：りんごです。` と、ラベルとリスト、その後の文字が縦にならんでしまいます。ラベルとリスト、その後の文字を横並びにしたいのですが、どうすればよいでしょうか。

hummer	投稿日時: 2010-3-10 14:01
Baker スタート登録日: 2009-9-11 居住地: 投稿: 2	Re: formタグの後の文字を改行させないには？ほんとに何言ってるのかわからないのでどういう出力結果が欲しいのかHTMLで表現してください。

MASA-P	投稿日時: 2010-3-10 14:46
Cake 職人登録日: 2008-1-24 居住地: 投稿: 224	Re: formタグの後の文字を改行させないには？ option指定の中に「'label'=> false, 'div'=> false」を入れると、意図したものになるのではないかと思います(ただしlabelを自前でつける必要あり)。

dky24	投稿日時: 2010-3-10 15:54
Baker スタート登録日: 2008-12-17 居住地: 投稿: 4	Re: formタグの後の文字を改行させないには？それか、もし cake.generic.css をそのまま使っているのであれば、 labelの display:block を外す、もしくは float:left などで横並びにできると思います。あと、「です。」の部分は $form->input のオプションに `'after'=>'です。'` を追加してやれば div の中でselectの後ろにくっつきますよ。

egaku	投稿日時: 2010-3-11 13:10
Baker スタート登録日: 2010-2-16 居住地: 投稿: 13	Re: formタグの後の文字を改行させないには？ほんと、意味不明な日本語ですみません。問題は一応解決しましたが、欲しかったHTML出力結果は以下の感じです。 `<div class="input select"> <label for="Fav">許容値 <select id="Fav" name="data[Fav]"> <option value="">---</option> <option value="0">みかん</option> <option value="1">りんご</option> </select> です。</label> </div>`

egaku	投稿日時: 2010-3-11 13:11
Baker スタート登録日: 2010-2-16 居住地: 投稿: 13	Re: formタグの後の文字を改行させないには？ありがとうございます！そんなオプション指定があったのですね…。見落としていました。わかりにくい日本語で、なんとか理解していただき感謝です！

egaku	投稿日時: 2010-3-11 13:12
Baker スタート登録日: 2010-2-16 居住地: 投稿: 13	Re: formタグの後の文字を改行させないには？そのままのCSSを使っていました。なるほど、CSSを変更することで、反映することもできるのですね。ありがとうございます！

スレッド表示 | 新しいものから

前のトピック | 次のトピック | トップ

投稿するにはまず登録を