問題タブ [two-columns]

私はワードプレスのテーマを構築しています。投稿はクエリされ、公開された日付の降順で表示されます。次に例を示します。

私がやりたいのは、これらの投稿をカテゴリに基づいて 2 つの列に並べ替えることですが、日付の順序は維持します。例えば：

2 つの別々のクエリを実行できることは承知していますが、実行したくありません。

レスポンシブ デザインのために、ウィンドウのサイズをモバイル デバイスに合わせて変更した場合、すべての投稿を日付順 (上を参照) に戻したいので、クエリは 1 つです。

CSSだけでソート(左右)を実現する方法はありますか?

フローティングまたは絶対位置を試しましたが、ソートが正しく行われませんでした。データは任意のソースから取得される可能性があるため、これは必ずしもワードプレスの質問ではありません。

どんな助けでも大歓迎です。

以下のクエリの結果を優先度順に並べて表示する必要があります。

Priority desc による別の順序でそれを行うと思いますが、同じ結果が得られます

このクエリの結果を優先順位で並べ替えるにはどうすればよいですか。そのため、DateAdded に関係なく、優先度 7 の行が一番上に表示されます。クエリで DateAdded による並べ替えが必要であり、時間の上位 12 行を選択し、それらを優先順位に従って並べ替えます。これはどのように可能ですか？

テキストからオーバーハングする画像を作成しようとしています - これは IE と FF で正常に動作します。ただし、Webkit ブラウザーでは、数式に列を追加するとすぐに、レイアウトが壊れているように見えます。

それをチェックしてください：http://cdpn.io/mfAtg

私は 2 列のレイアウトを持っており、タブレットの Android 4 の「設定」のように機能させたいと考えています。

左側にメニュー (ListView) があり、リスト ビューのアクションに応じて、右側の列にアクティビティをロードします。

先に進むためのキーワードを探しています...

前もって感謝します！

私は自分のウェブサイトのコンテンツに 2 つの異なる列を用意したいと考えています。

http://i.stack.imgur.com/V4uX2.jpg

パソコンのモニターではこのように表示されますが、モバイルでは次のように表示されます。

http://i.stack.imgur.com/H7CNe.png

ご覧のとおり、私のモバイルのように上下ではなく、常に 2 つの側面が隣り合っていることを望みます。

CSS

HTML:

私は現在、さまざまなデバイス (デスクトップ、モバイルなど) で完全に応答し、アクセスできる必要がある Web サイトに取り組んでいます。HTMLマークアップを1つだけにしたいのですが、メディアクエリを使用してさまざまなタイプのレイアウトを実現しています。

クリーンなマークアップを作成することは私にとって重要なので、始めましょう。物事を簡単にするために、不要なものをすべて削除します。記事のリスト（タグ）があります。各記事の内容は VARIABLE ですので、一定の高さを決めることはできません。私の目標は、これらのセクションをデバイスに基づいて配置することです。たとえば、次のようになります。

1) モバイル デバイスでは、列は 1 つだけで、すべてのセクションが互いに下にあります。

2) タブレットでは 2 つの列が必要なので、2 つの記事が隣り合っています (下の画像を参照)。

3) デスクトップでは、3 つの列が必要です...

私のマークアップはこのように見え、列などのプレゼンテーション要素を認識しています。マークアップに列を含めた場合 (列 div を使用した追加のマークアップ)、ターゲット デバイスに基づいてレイアウトを変更する機会はありません。これは、「マークアップ時」にレイアウト/プレゼンテーションを修正したことを意味します。

私は CSS を扱う初心者ではありません。ここ数日、ほぼすべてのことを試しました。

記事を典型的な 2 列のレイアウトに配置するにはどうすればよいでしょうか。すべての記事の高さが同じであれば、非常に簡単です。1列でも全く問題ありません。3 列は、2 列よりも実装がさらに困難です。

2 列の望ましいレイアウトは次のようになります。

しかし、フロートを操作するとこの結果が得られます（フロート：左）

ms-grid と flexbox は、(私がサポートしなければならない) 古いブラウザーではサポートされていないため、代替手段ではありません。

よろしくお願いします！

現在、一連のシェル関数を開発しており、その出力を文書化したいと考えています。

最初の列にコマンドがあり、右側に出力される、html（およびマークダウン？）で基本的なアウトラインを生成するコマンドがあることを覚えています。大まかな例:

コマンドのセットを指定すると、前の例に似たものを生成するプログラムを知りたいです.html、マークダウン、または同様のものです。