凍結
0 Anonymous iPhone
アンケートの投票ボタンを左に寄せるにはどうすればいいですか?
左寄せのタグで囲っても無理でした。
どなたかお助けください。
04/06 16:49
返信
コメント投稿 検索
4 Anonymous iPhone
>>3
教えて頂いた方法でようやく左に寄せる事が出来ました。
タグについても詳しくありがとうございます。勉強になりました。
12/27 23:20
返信
3 しち SOV40
>>2
理由は後述で、とりあえずこれを【HEAD編集】に入れてください↓
*━━━━━━━━━━
<style>

form center:last-of-type{
text-align:left;
}

</style>
*━━━━━━━━━━
※すでに【HEAD編集】へ style タグを記述しているのなら、もちろん『<style>』『</style>』のタグはコピペ不要です。スタイルシート部分だけお使いください。

◆◆◆

本題の前に。
>>『<div align="配置"> ○○ </div>』を使っての配置指定
もし現在↑をお使いなら、使用をやめたほうがよいです。

なぜかというと『align=" "(「align属性」と呼ぶ)』は、すでに廃止された属性だからです。

すぐにも無効になるというわけではないのですが、廃止された属性を使い続けるメリットはまずないです。
今後のことを考えるなら、align 属性の使用は避けて、スタイルシートでの配置指定に統一したほうが安全と言えます。

『<div align="配置"> ○○ </div>』のように配置を指定したいのであれば、
*━━━━━━━━━━
<div style="text-align:center"> ○○ </div>
*━━━━━━━━━━
……というふうに style 属性を使えば、同じことができます。(『center』を left や right に変えられます)


本題。
>>0 左寄せのタグを入れてもボタンが中央から動かないのは何故?
これはボタンが、

* <center> [投票] </center>

……という感じで、中央配置にするHTMLタグに挟まれているせいです。
HTML・CSSの特性として、「最後に指定したスタイルが優先される」というものがありまして。

この場合ですと、
*2) <div (左寄せスタイル指定)>
*1)  <center>
*★)  [投票]
*1)  </center>
*2) </div>

[投票](★)に、より近いタグ(<center></center>)が「最後に指定したスタイル」となりますので、その外側で左寄せスタイル指定をしても打ち消されてしまうのです。
言うなれば「左寄せしてね! ……あ、やっぱり中央配置にしてね!」と指定したことになっているんです。

つまり『<center></center>』タグを消せれば中央配置を解除できるんですが、今回の場合消せません。
このタグは、システムで自動挿入されているからです。

なので、力業ですがスタイルシートで center タグによる中央配置を無効にするくらいしかやりようがありません。
それが冒頭のスタイルシートです。
(『text-align:left;』が、左寄せの指定です)


*あと留意点として……
ある日突然この左寄せ指定がまた効かなくなる日が来るかも? ……ということを一応心に留めておいていただけると。

なぜかというと、「ALICE+さんがアンケートフォーム周りの仕様を変える可能性があるから」です。

例えば……問題になっている center タグもすでに廃止されているので(おそらくALICE+さんではこういう廃止されたタグを “ガラケー対応のために” 使ってます)、
ガラケー対応やめて完全にHTML5仕様にするよ! ……みたいな変更が入ったとしたら、冒頭のスタイルシートは効かなくなります。

(絶対起こる、ではなくて「そういうことが起こるかもしれない」程度のことです。
が、自動挿入部分に手を加えるときは常に「仕様の変更・改修でいつか使えなくなるかも」と心に留めておいたほうがよいです)
12/26 11:12
返信
2 Anonymous iPhone
>>1
回答して頂きありがとうございます。
そちらのタグで囲ってみても、投票ボタンだけは頑なに中央のままでした。
一体何が原因なのでしょうか…
12/24 20:46
返信
1 匿名 iPhone
<Div Align="left"> </Div>

こちらはどうでしょうか?
12/21 00:54
返信