問題タブ [yui-pure-css]

私は Facebook アプリケーションに取り組んできましたが、Facebook のネイティブ Javascript は許可されていません。独自の実装 FBJS があり、メニューなどの作成に関しては面倒です。

javascript を使用しない純粋な CSS ドロップダウン ソリューションはありますか(IE6 に取り組むために私が見たすべてのソリューションで javascript が使用されています)。

下の画像のように純粋なCSSでグラデーションをプロットする方法を知っている人はいますか？

IEで動作する必要はありません。動作させることはできますが、画像のように左右のグラデーションを細くすることができないようです。どんなアイデアでもありがたいです。繰り返しますが、これはストレートcssを使用してこれを行います。

YahooのPureはすごいと思います。しかし、Pure を使用した後、normalize.css を含める必要があるのでしょうか?

私が取り組んでいるプロジェクトにpurecssを統合しようとしています。

なんらかの理由でレイアウトがおかしくなっただけだったので、非常に原始的なテンプレート (以下) を作成しようとしましたが、文字間隔がおかしくなりました。何が起こっている？

JSBin 表示の問題:

http://jsbin.com/ubarag/1/edit

例を見ると私のコードは正しいように見えるので、本当に明白/愚かなことをしているに違いありません...

編集：

これらの2 つの 問題に関連しているように見えますが、コメント内の回避策がどれも機能していません。

まず始めに、私はまだ CSS にまったく慣れていないので、ひどくばかげたことをしていないことを願っています。

基本的に、 Pureを使用して構築したデザインがあり、Firefox では意図したとおりに動作しますが、幅は Google Chrome で再生されます。

私が行ったことへのリンクは次のとおりです: http://egf.me/Rushd/rushdtest.htmlとスクリーンショット:

• Firefox: http://i.imgur.com/mn3GIbT.png
• クローム: http://i.imgur.com/44jLC6J.png

ページのソースを見ると、私は自分の CSS で何かを変更するために実際に何もしていません (念のため、確認のためにすべてコメントアウトしました)。 、自分のサイトが Chrome で適切にレンダリングされるためです。

また、Chrome の開発ツールを使用して要素を調べると、隣接する必要がある div 要素の幅が、合計すると親の幅よりも小さくなることがわかります。そして、バッファやパディングがあるようには見えません。また、手動で幅を非常にわずかに小さくすると、Chrome は魔法のようにすべてを修正するようです。

Pure CSS レイアウトを使用して Web サイトを構築しようとしています。

純粋なCSS

最もdiv基本的な 2 列のレイアウトを使用しようとすると、幅が 1/2 の が隣同士に浮かびません。幅が 50% であることがわかります。

これは予想される動作ですか、それとも を明示的にフロートする必要がありますdivか

以下の両方のスタイル シートを参照しました。

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/base-min.css"> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css">

午前中ずっとこれに頭をぶつけて（ほぼすべての可能な組み合わせを試してみました）、私はまだこれを理解できません。

pure-u-1-22 つの要素が互いに重なり合っているのはなぜですか? デスクトップ上の Chrome でテストされ (他のブラウザを使用して検証済み)、pure-u-5-6それらが含まれる要素の幅は 1000px ですか?

またCtrl+Shift+C、デバッグ モードに入ると、2 つの要素が適切な幅に設定されていることを確認できます。pure-u-1-2