forestpage

】さんのロビー
ロビーに戻る 新しいHPを作成 フォレストID設定変更 フォレストサービスを利用する ログアウト

森のフォーラム

フォーラム検索

このカテゴリ内で検索が可能です

フォーラム一覧

トップ >> HTMLタグについて >> 改行可能拍手コメント欄

10件のレスが見つかりました
[1-10]

新しい投稿順 | 古い投稿順

投稿者 親記事
[記事No.654432]改行可能拍手コメント欄


ID:[koganemushi]
PC
投稿日時:05/15 17:45

HPアドレス   レスを削除する   違反連絡
タグ板の過去スレや自サイトのソースを参考に、改行可能なテキストエリア付きweb拍手を作ってみたのですが、CSSで指定したボタンの:hoverが効きません。拍手機能の中では使えているので記述が間違っているとは思えないんですが……TOPでCSS使うのはあきらめるべきでしょうか。

それと自分のPCとAndroidでは動作確認できているのですが、他からどう見えているのか激しく不安です。とくにガラケー、iphone、他のandroid端末からの動作を知りたいのですがご協力願えないでしょうか。
拍手はリンクから入っていただければTOPに置いてあります。
以下CSSとタグです。間違いがあれば指摘していただけると助かります。

<style type="text/css"><!-- input[type="submit"]:hover{color:#000000;background:#d5aaaa;} --></style>

<form method="POST" name="frm" action="自サイトURLindex.php"><input type="hidden" name="module" value="viewwa"><input type="hidden" name="action" value="pctop"><input type="hidden" name="stid" value="★"><input type="hidden" name="rsh" value="0"><textarea name="memo" cols="20" rows="2" value="" style="border:3px dotted #dc143c;background:#ffe4e1;color:#dc143c;word-break:break-all;overflow:auto;"></textarea><input type="submit" value="clap" style="border:1px solid #aaaaaa;color:#666666;background:#fcf8f8;padding:5px 10px;margin:3px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;"></form>

投稿者 スレッド
[記事No.654625]Re:改行可能拍手コメント欄


ID:[koganemushi]
PC
投稿日時:06/07 20:50

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
今さらですみません。
コメント欄とボタンの位置のずれは、textareaとinput type="submit"のそれぞれのインラインCSSにvertical-align:bottom;を追加することで解決しました。
[記事No.654465]Re:改行可能拍手コメント欄


ID:[koganemushi]
PC
投稿日時:05/17 22:10

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
最終的にCSSは使わずタグだけで、テキストエリアとボタンの間に改行を入れることにしました。このコメント欄付き拍手はすこしデザインを変えて本サイトの必読ページに置くことにいたします。

こちらのスレに返信してくださった皆様、テスト送信にご協力くださった方々に重ねて御礼申し上げます。情報収集にご協力くださいましてありがとうございました。
[記事No.654455]Re:改行可能拍手コメント欄


ID:[koganemushi]
PC
投稿日時:05/16 15:46

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
皓月さま、ありがとうございます。コメント確認しました。
iphoneには触れたことがなかったので仕様がまったくわからず心配だったのですが、指定した装飾は問題なく見られるようで安心しました。拍手ボタンの位置のずれもandroidで見たときと同じみたいですね…。貴重なご意見ありがとうございました。
[記事No.654454]Re:改行可能拍手コメント欄

皓月
ID:[ja666]
PC
投稿日時:05/16 14:17

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
こんにちは。
iPhone5でテスト送信をしてみました。
送信には問題ありませんでした。
拍手のコメント欄は背景が薄いピンク、文字色は濃いピンクでした。
拍手ボタンは、コメント欄の右側の半行下がった位置に表示されました。

お役に立てれば幸いです。
[記事No.654453]Re:改行可能拍手コメント欄


ID:[koganemushi]
PC
投稿日時:05/16 13:23

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
ちえりさま、ありがとうございます。コメント確認しました。
確かに自分のスマホからもボタンがコメント欄の半行分下にずれて見えています。PCからならちゃんと記入欄とボタンが下揃えで並んでみえるんですが…(これが理想)。インラインスタイルシートで指定した装飾はほぼ思い通りに見られるようですので安心しました。ご協力まことにありがとうございました。
[記事No.654450]Re:改行可能拍手コメント欄

ちえり
ID:[nutsuri910]
PC
投稿日時:05/16 12:18

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
テスト送信してみたのでご確認ください。
機種はAndroid XPERIA SO-02G compact
背景は白とグレーのギンガムチェック、文章部分は背景白
拍手コメント欄大きめ、拍手ボタンは楕円のような形でコメント欄の横、半行分下
コメント欄は薄いピンク、文字は濃いピンク

こんな感じです。
[記事No.654449]Re:改行可能拍手コメント欄


ID:[koganemushi]
PC
投稿日時:05/16 07:57

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
清里さま、ありがとうございます。コメント確認しました。
入力欄内の文字色と背景色は指定通りのようですが、拍手ボタンがコメント枠より大きめ、に驚きました。拍手としての機能は果たせているようで安心いたしました。
ガラケーでもキャリアによって見え方にかなりの差があるようです。興味深いコメントでした。ご協力まことにありがとうございました。
[記事No.654446]Re:改行可能拍手コメント欄

清里
ID:[kagamikiyori]
CA3I
投稿日時:05/16 01:00

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
送信できました。
・auガラケー
・文字サイズ標準
・全体ページ文字、左寄せ
・拍手ボタンがコメント枠より大きめ
・コメント記入時のコメント文字が赤に、コメント枠内カラーが薄いピンク。

こんな感じです。
[記事No.654445]Re:改行可能拍手コメント欄


ID:[koganemushi]
PC
投稿日時:05/15 23:24

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信
かすみさま、ありがとうございます。コメント確認しました。
こちらの返信を見る限り、インラインスタイルシートで施した装飾はガラケーだとほとんど反映されていないようですね…。ですが拍手としてはちゃんと機能したようなので安心しました。
ご協力まことにありがとうございました。

※自分の使用機種はF-04E(ArrowsV)です。説明が足りず申し訳ありません。
[記事No.654435]Re:改行可能拍手コメント欄

かすみ
ID:[kasumi60702]
F11C
投稿日時:05/15 19:25

HPアドレス   レスを削除する   違反連絡
記事No.654432への返信

とりあえず、サイトにお邪魔して拍手コメント残しました。
ガラケーからも拍手はちゃんと送れました。

文章は中央寄せ、文字サイズ標準、背景白です。

それから、「他のAndroid端末からの動作を知りたい」と書いてらっしゃいますが、動作確認したAndroid端末は何ですか?