問題タブ [zurb-foundation-5]

ドロップダウンの最後の項目の角を丸くせずに、角を丸くするのに本当に苦労しています。私は多くのバリエーションを試しましたが、常に同じ結果になります。つまり、最後のアイテムのエッジが丸くなっていますが、その中のすべてのアイテムもエッジが丸くなっています。誰でも私を助けることができますか？注意。id="languagebox"常に最後のアイテムになるとは限らないため、この ID を使用してスタイルを設定することはできません。

どうもありがとう。

CSS:

HTML

おはようございます、これは私のレイアウトです：

私の質問は: モバイル レイアウトで最初に最後の div を表示し、次に最初の div を表示する方法はありますか? プッシュとプルを使用すると、それらをミディアム レイアウト (「ミディアム 8 ミディアム プッシュ 4」および「ミディアム 4 ミディアム プル 8」) でシフトできますが、モバイル レイアウトではシフトできません。可視性クラスを使用する前に、もっとスマートな方法があるかどうか知りたいです。

ご協力ありがとうございました、

マルコ

このようにするのは間違っていますか？

それ以外の：

結果は同じですが、sが少ないことがわかりますdiv。

wordpress コンテンツにグリッドを設定するショートコードを追加しようとしています。私のテーマはfoundation5に基づいているので、「Shortcodes.php」という新しいファイルを作成し、それを functions.php にロードしました。ショートコードファイルに次のコードを挿入しました

私がやりたいことは、ショートコードが最初のコンテンツを処理する場合に新しい行を開くことです。その後、列の幅を設定し、ショートコードが最後のコンテンツを処理する場合は終了タグを設定します。その後、コンテンツ自体が続き、最後のコンテンツの場合は行の終了 div が続きます。

レンダリングされたショートコードは次のようになります

だから私は次のようなものを期待します

またはのように

だから私は次のようなものを期待します

しかし、それは私のテンプレートを殺すだけです。アイデアや提案はありますか？

君たちありがとう！

CSS と Zurb Foundation 5 フレームワークを使用して、ヘッダー パネル (全幅約 250 ピクセルの高さのコンテナー) の中央にテキスト行を配置しようとしていますが、何らかの理由で機能しません。

このリンクhttp://www.vanseodesign.com/css/vertical-centering/に要約されている6つの垂直方向の配置方法をそれぞれ試しました（行の高さ方法、cssテーブル方法、絶対位置と負のマージン、絶対位置とストレッチ、上下のパディング、フローティング div)。私が管理した最良の方法は、テキストをヘッダー パネルの外側とページ全体の中央に配置するか、ヘッダー パネルの高さをゆがめながらテキストを短い距離 (一見ランダムに) 上下に移動することです。

ヘッダー パネルの CSS に競合するものがある (またはストック ファウンデーション フレームワークに競合する) ものがあると思われますが、解決できません。ポインタに感謝します。

ありがとう！

標準の ZURB タイトル バー (高さ 45 ピクセル - パディングを参照) の直後にあるヘッダー パネルの CSS は次のとおりです。

そして私のHTMLレイアウトは次のとおりです。

次に、さまざまな方法で spanMiddle div のパラメーターを設定しようとしました。

また、以下の部分なしで、専用の p または span タグ (headerpanel css の直後に .p {} または .spam {} で設定) を使用して試しました。

私も試しました：

と

どこが間違っていますか？

同じチェックボックス グループ内でチェックボックスがチェックされていない場合、Foundation 5 の Abide HTML5 フォーム検証ライブラリでエラー メッセージを表示するにはどうすればよいですか?

Foundation 5 Joyride でタブを切り替える方法はありますか? ページに基本タブがあり、Joyride が別のタブの要素を指すようにしたい。