FC2ブログを作成しているのですが、[公式プラグイン追加]で[検索フォーム]を追加して[詳細]で編集しました。
そこで、3つの質問があります。
○質問1
[検索フォームの編集]の[プラグイン(説明上部)]で「入力した語句が含まれる記事を探せます!!」と記載して[説明文の文字位置]を[左寄せ]に設定したのですが、2行目の「ます!!」が中央に寄ってしまいます。
挿入位置は、3カラム、カテゴリ2、移動は、1になっています。
又、参考書では、キーワード入力とその上のプラグイン説明(上部)の間に空白で1行あるのですが、ありません。
○質問2
[プラグインの追加]で[検索フォーム]を追加して[詳細設定]でHTMLを確認すると初めて設定したした時と内容が異なっています。
異なっているHTMLを下記に記載しました。
○一番最初に追加した時のHTMLです。
<form action="./" method="get">
<p class="plugin-search" &align>
<input type="text" size="20" name="q" value="" maxlength="200"><br>
<input type="submit" value=" 検索 " style=">
</p>
</form>
________________________________________
○今現在の追加した時のHTMLです。
<form action="./" method="get">
<p class="plugin-search" &align>
<input type="text" size="20" name="q" value="" maxlength="200" /><br />
<input type="submit" value=" 検索 " />
</p>
</form>
________________________________________
○検索ボタンの名前を変更後
<form action="./" method="get">
<p class="plugin-search" &align>
<input type="text" size="20" name="q" value="" maxlength="200"><br>
<input type="submit" value=" 記事から探す " style=" style="background-color:pink;color:red">
</p>
</form>
________________________________________
○検索ボタンの名前を変更後
<form action="./" method="get">
<p class="plugin-search" &align>
<input type="text" size="20" name="q" value="" maxlength="200" /><br />
<input type="submit" value=" 記事から探す " style="background-color:pink;color:red" />
</p>
</form>
○質問3
[プラグインの改造]の[HTMLの編集]のプレビュー画面で確認すると二つ検索フォームが表示されております。
上記のHTMLですが、何故か全部左寄せになっておりますが、実際は、「今現在の追加した時のHTMLです。」と「検索ボタンの名前を変更後」の1,4行目は、半角2文字、2,3行目は、半角で4文字だけ左にづれております。
※ 画像ですが、画像添付しました。
以上の3つですが、困っております。
解りづらい質問ですいませんが、未熟なので、小学生でも解るように説明していただけると助かるのですが、宜しくご教授お願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
○質問1への回答
私のFC2ブログで検索フォームを追加してみたところ、説明文は正しく左寄せになりました。どうやら質問者様がHTMLを修正した際に不具合が生じているようです。
参考書にあるという空行ですが、HTMLソースでの空行は無視されるので、あってもなくても同じになります。
○質問2への回答
記載されている4つのHTMLに問題がありそうです。上から順に1,2,3,4と付けて、問題箇所を指摘します。
・1の4行目。ダブルクオーテーションの閉じ忘れが起きている
誤
style=">
正
style="">
・3の4行目。style=がダブっている
誤
style=" style="background-color:pink;color:red">
正
style="background-color:pink;color:red;">
いじっているうちに誤ったHTMLの書き方になってしまったようです。おかしくなったなと感じたら、一度プラグインを削除して、また追加し直してみてください。
○質問3への回答
HTMLで半角空白やタブ記号を入れて右にずらすのは、見やすくするための慣習・ルールです。FC2ブログだけでなく、HTMLを自分で書く人の多くはそうしています。
http://allabout.co.jp/gm/gc/23853/
半角空白やタブ記号が行頭にあるHTMLを「教えてgoo」にコピペして投稿すると、自動で半角空白やタブ記号が削除される…と思います。
○まとめ
style=" のようなダブルクオーテーションの閉じ忘れはよく起こります(正しくはstyle="")。
いじったけど全然反映されないなって時は、閉じ忘れがないか目を皿のようにしてHTMLソースを見直してみてください。
またはプラグインを削除するといったように、一度元の状態に戻してやり直すのが無難です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ライブドアブログ親子カテゴリ...
-
FC2ブログ アクセス解析
-
gooブログのモジュール追加につ...
-
はてなブログ 設定
-
gooブログの文字サイズ
-
goo blogで下書きを保存して、...
-
Excelのクールな調査報告書テン...
-
goo ブログの下書き保存方法
-
FC2ブログのタイトル文字の色変...
-
楽天の無料HPで、HLMTを使っ...
-
gooブログ の 下書きの保存 方法
-
iPhoneで作れる高級感のあるオ...
-
FC2ブログでコメント投稿者の名...
-
アメブロの更新通知メールで迷...
-
ワードプレス、cocoonでタイト...
-
FC2ブログでの固定ページについて
-
テンプレートのカスタマイズに...
-
スクロールバーの色を変えるには?
-
ノーコードツールでテンプレー...
-
Seesaaブログ 横幅設定変更に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
[movable type]プラグイン名が...
-
gooブログのモジュール追加につ...
-
sleipnirの拡張機能(プラグイ...
-
FC2ブログの月間アーカイブを年...
-
「fc2ブログへようこそ」を消す...
-
MovableType(MT)にワンクリック...
-
ツイッターのプロフィール編集...
-
FC2でブログでプロフィールに家...
-
カテゴリで読みたい記事を選ぶ...
-
FC2ブログでリンク無しの見出し...
-
iPhoneで作れる高級感のあるオ...
-
三つ折りのリーフレットを作りたい
-
はてなブログ 設定
-
Becky!ver.2で、返信・転送用テ...
-
FC2ブログでプロフィールが2つ...
-
Powerpointの表のスタイルで好...
-
ワードプレスに詳しい方に質問...
-
FC2ブログ アクセス解析が反映...
-
中央寄せの解除
-
Wordの「キーボードのユーザー...
おすすめ情報