問題タブ [blueprint-css]

今日、サイトをブループリントCSSに変換したところ、突然、すべてのハイパーリンクのURLが角かっこで囲まれて表示されました。

このハイパーリンク

このようなレンダリング

これは、Blueprintにバンドルされているプラ​​グインの1つに関連しているのではないでしょうか。

追加：リンクは正常にレンダリングされます。つまり、不要なURL部分がクライアント側で生成されます。人々はソースコードを求めてきたので、ここにあります（無関係なテキストは削除されました）：

解決済み： すべてのチュートリアルで提案されている「print.css」シートを削除することで、この例とサイト全体の問題を解決することができました。由緒ある「print.css」がなぜこのように機能しているのか、私はまだ非常に興味があります。

私のクライアントと私は、これを独立して経験したばかりです。以下のような HTML ページが与えられた場合、条件付きであるかどうかにかかわらず、IE ハックが含まれている場合、「最初のテキスト」より上のすべてが VS デザイナーに表示されず、2008 年と 2010 年では非常に頻繁にクラッシュしますが、2010 は特定の期間にのみクラッシュします。ページ上の操作を編集します。

ブループリント フォーラムでも質問していますが、SO は私の主なオラクルです。

流体グリッドシステムコンテナを別のコンテナにネストしています。

Blueprint 1.0を使用してこれをどのように達成できますか？ネストされたコンテンツをより細かく（よりきめ細かく）制御できるように、1つのコンテナを別のコンテナ内に配置することは可能ですか？

BlueprintCSSフレームワークを使用してサイトのスタイルを設定しています。私はこのコードを持っています：

divにテキストがたくさんある場合は、span-5 last画像（addtobasket.jpg）が下に下がります。
同じレベルの画像（picabu1.pngとaddtobasket.jpg）を作成するにはどうすればよいですか？

2列のレイアウトがあり、左の狭い列に垂直方向のASP.NETメニューコントロールがあり、右の広い列に選択したメニュー項目に関連する情報があります。

メニュー項目に長いテキストが含まれている場合、メニューは単にグリッド上に展開されます。どうすればこれを防ぐことができますか？ここで2つの答えが必要になるかもしれません。純粋なCSSです。これは、メニューコントロールが素晴らしくシンプルなUL要素をレンダリングする場合に非常に便利ですが、適切にスタイリングするための追加のヘルプが必要な場合があります。

次のマークアップがレンダリングされると、メニューはtopMainMenu高さ 51 のテーブルとしてレンダリングされます。 ブループリント スタイルシートを削除topMainMenuすると、高さ 20 でレンダリングされます。

このシナリオでは、ブループリントはどの高さにも影響しないはずだという印象を受けました。確かにCSSのリセットはこれをしていませんか? 私が試したスタイリングでは、メニューの高さを 51 未満に縮小することはできません。どうすればよいですか?

Blueprint CSS を使用して 3 列のレイアウトを作成しています。

中央の列には、初期化時に固定サイズが必要な SWF オブジェクトを配置します。

ブラウザ ウィンドウに対する初期サイズを計算できます。

jQuery でサイズを変更します。

しかし、ブループリント レイアウトがブラウザーに基づいて変更される場合、これは不要に思えます。

その場合、このレイアウト ( ) の中央の列の列幅に対する初期の幅と高さをどのように計算しますspan-12か?

Blueprint CSS を使用して、ページにヘッダー行を作成しました。

私が理解していないのは、ドロップダウン メニューがその左側の div 内のテキストよりも行のわずかに上に表示される理由です ( The quick brown fox jumped over the lazy dog)。

クラスをドロップダウン divに追加するprepend-topと、ドロップダウンは隣接する div のテキストよりもわずかに低く表示されます ( The quick brown fox jumped over the lazy dog)。

両方の要素のテキストを行の同じ水平レベルに表示するにはどうすればよいですか?

CSS:

CSS からわかるように、ドロップダウンのフォントは、ページの残りのテキストのフォントよりもかなり大きくなっています。

次のラッパー div を作成し、その中に div を幅の半分にして画像を含めました。

私が欲しいのは、ラッパーdivに配置されたテキストが画像divの周りを流れるようにすることですが、それはその上に表示されるか、その横にのみ表示されます。

これを機能させるためにブループリント クラスに加えられる変更はありますか?

CSS に Blueprint や 960 などのフレームワークを使用することを検討するように言われました。

私が理解できないのは、2 人のユーザーの画面解像度が異なっていても、どのようにしてサイトが一貫して表示されるのかということです。

それはどのように機能しますか？