サポート » プラグイン » ドロップダウンメニューを横並びにさせる方法

  • こんにちは。
    平易なことだと自覚しておりますが、どのようにすれば良いのか考えても検索しても判明せず、非常に困っているのでどうかご教示をお願いします。

    ドロップダウンメニューを複数使い、生年月日を入力したいと思っております。
    その場合、単純に、
    [select* menu-802][select* menu-802]
    と横に並べても強制的に改行されてしまい、思うようにはなりませんでした。

    たとえば以下のページの右下、
    http://kamejikan.com/?page_id=55
    「宿泊希望日」の欄のように、
    [select* menu-802]年[select* menu-802]月[select* menu-802]日
    というように表示させたい場合、どのようにすれば良いでしょうか。

    基本的なhtmlとcssは理解できます。
    もしよろしければ、どなたかお答えをよろしくお願いします。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • 何の話ですか?

    トピック投稿者 isesakigami

    (@isesakigami)

    あ、すみません。
    プラグインの名前を入れておりませんでした。
    ちなみにcontact form7というプラグインです。
    申し訳ございません!!!
    投稿し直そうと思いましたが…どうもスレッドは削除できないみたいですね。
    これは、しまった…。

    プラグインの話しならばそのままで良いと思いますが。
    CSSを理解されているならばCSSで解決できる話しだと思いますよ。

    トピック投稿者 isesakigami

    (@isesakigami)

    ありがとうございます。
    はい、cssの仕組みは知識としては理解しているのですがかなり経験不足でして、この場合、何をどうすればいいのか分からない状態なんです。
    前後で強制改行されてしまうものを、どう指定すればそうさせなくできるのか、というところにいます。

    <p>日程<br/>
    [select menu-790] 年 [select menu-791] 月 [select menu-792] 日</p>

    と並べただけですが改行されることはありませんでした。
    テーマは TwentyFourteen で確認されていることと思います。
    サイドバーの一番下にサンプル的に作ってみました。 

    トピック投稿者 isesakigami

    (@isesakigami)

    digit@maetelさん、テストをありがとうございます。
    サンプルを拝見いたしましたが、私が使おうとしているテーマでは、単純に並列にすると強制的に前後で改行されてしまいますね。
    テーマのcssファイルを眺めても何がそのブロック要素のような挙動をさせているのか、わかりませんでした…。
    仕方ないのでdisplayプロパティで、無理矢理横に並べるようにしました。
    ただこれはあまり良い方法には思えないので、何かお気付きなことがあれば、どうかよろしくお願いします。

    テーマが分かれば確認できますが、<p>要素に何らか指定されているのが有るかもしれませんね。
    テーマによってはカスタム出来ないスタイルシートを別に持っていることが有りますね。
    コンタクトフォームを使用するページだけ独自にクラスを振ったらいいでしょう。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「ドロップダウンメニューを横並びにさせる方法」には新たに返信することはできません。