大きいメッセージ欄

171 views
  1. コメントする
  2. 記事検索
  3. 更新

0
匿名 iPhone 2019/07/19 14:13
タグなどで囲っても拍手やメールの大きいメッセージ欄が中央寄りになりません。
一行のメッセージ欄は中央寄りに出来るのですが、何が原因でしょうか?

残り997件書き込み可

3
匿名 iPhone 2019/07/23 13:33
>>2
貴方様のお陰で大きいメッセージ欄を中央に寄せる事が出来ました。
本当にありがとうございます!
2
しち Firefox 2019/07/23 05:23
>>1の補足です。
メールのメッセージ欄についても中央配置にならない……という部分見逃してましたすみません。
メールボックスに関してもおそらく拍手と同じ理由(CSSの影響)だと思います。
要するにCSSで指定されているであろう「display:block」を「display:inline-block」で上書きできればいいわけなんですが……。

CSSをあんまり弄りたくない場合は、>>1と同じように <textarea> タグの中にインラインCSSを仕込む手もあります。

##mailbox_message##の代わりに↓のHTMLタグを入れる
<textarea name="message" rows="10" cols="50" style="display:inline-block"></textarea>

↑は ##mailbox_message## で表示されるHTMLタグをコピペした上で、中央配置するためのインラインCSSを仕込んでいます。やっていることは拍手と同じです。
1
しち Firefox 2019/07/23 05:20
>>0
十中八九、CSSが原因かと思われます。
>a)ALICE+の【デフォルトCSS設定】が『有効』になっている
>b)お使いのCSSにtextarea(大きいメッセージ欄)のスタイル指定があって、それが影響している
のどちらか、またはどちらもだと思います。

CSSを弄れば解消できます→『拍手のメッセージ欄について( http://bbs.alicex.jp/support/213/ )』
……が、CSSを触りたくない場合は以下の書き方でやった方が早いかもしれません。

拍手フォームを置きたいのが拍手機能内か、子ページやトップページなど拍手機能外のページか分からないのでとりあえずどっちも書きます。
中央配置にしたいのが大きいメッセージ欄だけかも分からなかったので、フォーム内の部品全部が中央に来る書き方です。
*なお、中央配置は <div style="text-align:center">中央に置きたい要素</div> と書いて行っています。

#−−(1)拍手機能以外(【トップページ】【子ページ】など)
*[自動改行する]用HTML
<div style="text-align:center"><form action="/サイトID/clap/数字/" method="POST"><textarea name="message" id="" cols="50" rows="10" style="display:inline-block"></textarea>
<input type="submit" value="拍手"></form></div>

#−−(2)拍手機能内(【ありがとう画面】など)
<div style="text-align:center">#formStart#<textarea name="message" id="" cols="50" rows="10" style="display:inline-block"></textarea>
#formSubmit_拍手##formEnd#</div>

なお(1)拍手機能以外のHTMLは、拍手機能内でも使えます。
(2)は単に、拍手機能内でしか使えない独自タグを用いた書き方です。(自分が「独自タグほど安全なものはない」信者なので一応……。独自タグ+HTMLタグ混在だとややこしい場合は、(1)を使っても問題ありません)

多分↑これでなんとかなると思いますが、書き込みにCSSやHTMLの情報がないのでデザインが崩れないかどうかまではちょっと分かりません。

> <textarea name="message" id="" cols="50" rows="10" style="display:inline-block"></textarea>
の部分が、大きいメッセージ欄のHTMLです。(独自タグで挿入される奴をコピペした上で、中央配置にするためのCSSを仕込んでます)
* cols="横幅" rows="縦幅" ←弄ってOK
* name="message" style="display:inline-block" ←弄るのNG
理屈は省きますが display:inline-block で中央配置を可能にしてますので、編集の際に消さないようご注意ください。

なおこれでも中央配置にならないのであれば、HTML(【デザイン編集】【○○画面編集】)の書き方が間違えているなど、他の原因も考えられます。
そのときはHTMLを書き込まれた方が問題箇所の発見が早いかと思います。
1ページ中1ページ目

Back to Top