問題タブ [liquid]

I have a simple problem which i cannot figure out. Look at this html code:

CSS:

The problem is that the last container: #main, standard is only as wide as the content it has. So i'm obliged to add a fixed width to it (px). The whole point of my design is that i have floating percentual divs so that's a bummer. Adding 100% width or any other number in %, also has problems of its own..

Is there anyone that a solution for me?

Thank you!

http://www.mathijsdelva.be/cms/

I haven't finetuned anything; i only just html'ed for Safari as of the moment.

ユーザーがレイアウトを完全に制御して編集できるようにしたいと考えています。また、必要な JavaScript プラグインを含めることができるようにしたいと考えています。したがって、それを可能にするインターフェイスを作成する必要がありました。

たとえば、デフォルトの html は、これのより複雑なバージョンのように見えます。

私の Liquid JsPlugins ドロップは次のようになります。

ただし、spec を実行すると、このエラーが発生します (@drop["colorbox-1.3.15"]上記で提供したコードが異なる動作をする場合に注意してください。ただし、それは問題ではなく、問題は の使用法であるため、コードを単純化したかったのですTagHelper):

これが私のRails環境とは別のものであり、ドロップがconfigRailsの. これらの便利なメソッドを引き続き使用できるようにしたいので:cache => true、可能であれば、ドロップ内から stylesheet_link_tag と javascript_include_tag を使用するにはどうすればよいですか?

私は Sinatra で Liquid を使用してSinatra::Application.environmentおり、すべての get/post でローカルとして定義せずに、特定の値 (具体的には ) をすべてのテンプレートで使用できるようにしたいと考えています。そのようです：

app.rb (私のメイン アプリケーション ファイル) では:

app.rb--私のメインアプリケーションファイル、または私が必要/含めることができるもの:

どのテンプレートでも:

すべてのルートに冗長なコードを配置する必要がない限り、実装についてはあまり気にしません。前もって感謝します！

次のようなコードがあります。

ここで見ているのは、解像度に合わせて拡張するように設計された一連の液体 div です。次に、固定幅のコンテンツ ボックスが 1 つあります。その固定幅のボックスを中央に配置する必要がありますが、太陽の下では何もできません。私は何時間も頭を悩ませてきました。トピックに関するすべてのチュートリアルとSOの質問を見てきました。何もしません。これがCSSです。私が実装しようとしたすべての修正のために、これはわずかなジャンキーです。

「ラッパー」を固定幅から液体幅に近づけた瞬間、「メイン」要素の中心がずれました。私はすべてを試しました。何が足りないの？

学習目的で Rails ブログ エンジンを作成しています。テンプレートエンジンとして Liquid を使いたいです。私はこのようなものを持っています

それは私に次のエラーを与えました：

私はすでに LiquidView を initializers/liquid.rb にロードしていました。何が問題なのか教えてください。ありがとうございました

このTABLEベースのコードと同様の結果をもたらすDIVに基づいたHTMLコードを作成するのを手伝ってくれる人はいますか?

Liquid テンプレート エンジンを使用して、要約された一連の投稿を表示しています。現時点では、次のようなものがあります。

ページ コンテンツには HTML が含まれており、切り捨て語を使用すると、無効な HTML が出力に挿入される可能性があります。コンテンツからすべての HTML を削除したくはありません (埋め込まれたビデオと画像が表示される必要があります)。理想的には、適切な終了タグを追加するだけです。

単純に切り捨てるだけでは期待した結果が得られないことがわかります。私の質問は、Liquid を使用して有効なマークアップを出力するために HTML を切り捨てるにはどうすればよいですか?

アップデート

非常に具体的な問題は、Pigments を使用してマークアップされたコード サンプルがあることです。ここで、コード サンプルの途中で切り捨てが発生すると、いくつかのタグが開いたままになり、ページの残りの部分が台無しになります。コードサンプルをすべて削除せずにこれらの投稿を切り捨てる方法を探しています-コンテンツ本文のすべての開いているタグを切り捨てて閉じるだけです。

jekyll 静的サイト ビルダーを使用していますが、次の操作を実行するのが困難です。

jekyll サイトに「test」という投稿カテゴリがあり、次のように投稿を表示できます。

ただし、アーカイブページを自動的に構築したいのですが、これを行うには、外側のループ (すべてのカテゴリにアクセスするループ) からカテゴリを埋め込み、内側のループ内でそれを使用して、そこから投稿にアクセスする必要があります。特定のカテゴリ。最初のスニペットを希望どおりに機能させるにはどうすればよいですか?

編集:または、私が望む結果を得る別の方法はありますか?

div 要素を含むデザイン レイアウト css で問題が発生しています。

基本的に、私のメイン ページ レイアウト デザインは次の図のようになります。

赤いボックスはブラウザの画面領域です。ブラックボックスは、データが含まれる/または ajax を介してロードされるコンテンツ領域です。緑色のボックスは、応答結果であるデータ リストで、内部には約 100 行が含まれています。データ リストには、ヘッダー div と行 div が含まれます。

私がやろうとしているのは、データ行である青い領域にオーバーフローを設定して、スクロールバーが赤または黒のボックスの右側ではなく、青いボックスの右側に表示されるようにすることです。次に、ブラウザー領域 (赤) のサイズが変更されると、内部のすべての div も最適なサイズにサイズ変更されます。

set css overflow : auto /scroll for blue box div によって内部のデータがオーバーフローしたときに、スクロールバーを青いボックスに表示することができました。しかし、問題はオーバーフローです。自動プロパティは、青いボックス div の特定の高さを約 400px に設定した場合にのみ機能するようです。ブラウザのサイズを変更すると、青いボックスの div が 400px の高さのままになります。

自動リサイズする方法は？助けてくれてありがとう。

Liquidでマップフィルターを正確に使用するにはどうすればよいですか？Jekyllで使っています。

それは私が迷子になるところです。私はその使用法の例をドキュメントやオンラインの他の場所で見つけることができないようです。

ちなみに、私はまだRubyを知らないので、ソースコードもわかりません。

フィルタテストから、次のように何かが生成されるように見えますが、GitHubでは何も得られません。

私は次のようなものを手に入れるべきだと思います：