問題タブ [css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - Photoshop モックアップからセマンティック HTML および CSS に移行するための最良の方法は何ですか?
私は通常、手動プロセスを使用します。
- ページを見て、セマンティック要素を把握し、HTML を構築する
- 必要だと思う画像を切り分ける
- CSSを書き始める
- 必要に応じてさまざまな手順を微調整して繰り返します
より良いアプローチまたはツールを手に入れましたか?
css - YUI CSS をリセットすると、これが機能しなくなります
YUI のリセット CSSの次の行が問題を引き起こしています。
それは私のem
斜体ではstrong
なく、太字ではありません。大丈夫です。自分のスタイルシートでそれをオーバーライドする方法を知っています。
em
との両方のテキストがある場合に問題が発生しますstrong
。
私のルールでstrong
は太字にしていますが、YUI のルールでem
は再び通常になります。どうすれば修正できますか?
html - 表のセルが意図したサイズよりも大きい
タイルからマップの絵を描くという原則に基づいて実行されるゲームのマップ システムを作成しました。これには多くの理由がありますが、ここでは触れませんが、本当に知りたい場合は、私に連絡する方法を見つけることができると確信しています ;)
最新バージョンを公開したので、問題の場所とソースを正確に確認できます。問題は、上の 2 つのタイルと下の 2 つのタイルの間の線です。なぜこのようになったのかわかりません。助けていただければ幸いです。
ソースには「stackoverflow」というマーカーがあります。ソースを表示するときに「stackoverflow」を検索すると、問題のテーブルに移動するはずです。
問題の画像もアップロードしました。
css - 無料のASP.Netおよび/またはCSSテーマ
見栄えの良い無料のASP.NetまたはCSSテーマはどこで入手できますか?
html - Firefox でタグの高さをスパンする
CSSを使用して、
Firefox でタグの高さを指定しようとしていますが、span
受け入れられません (IE は受け入れます)。
Firefox は、height
a を使用すると を受け入れますdiv
が、a を使用する際の問題div
は、この特定のインスタンスでは使用できない、その後の煩わしい改行です。
次のCSSスタイル属性を設定してみました:
場合div
、Firefoxはとにかくそれを動作に戻し、属性をもう一度span
無視するようです。height
html - 最小高さ 100% の CSS レイアウト
さまざまなブラウザーで 100% 最小の高さの要素を作成する最良の方法は何ですか?
header
特に、とfooter
が固定されたレイアウトがある場合はheight
、
真ん中のコンテンツ部分が、下部に固定されている100%
間のスペースを埋めるにはどうすればよいですか?footer
css - CSS から離れた抽象化
多くのフレームワークは、HTML (カスタム タグ、JSF コンポーネント システム) を抽象化して、その特定のやかんを簡単に処理できるようにしようとしています。
CSS に同様の概念が適用されているものはありますか? クロスブラウザの魔法の束を実行し、変数のようなものをサポートし (なぜその色が欲しいたびに #3c5c8d を入力しなければならないのですか)、計算フィールドをサポートします (CSS と JS に「コンパイル」されます) など。
あるいは、私はこれについて正しく考えていますか? 非常に丸い穴に非常に正方形のブロックを押し込もうとしていますか?
css - IE6/7 と Firefox で同じ表示にするための最適なツールまたはテクニックは何ですか?
これは、crossbrowsertesting.com のように、オペレーティング システムとブラウザーを組み合わせてページを表示できるツールについてではなく、実際の CSS を作成または把握するツールについて話しているのです。
html - ウィンドウのサイズ変更時にウェブサイトを拡大する必要がありますか?
私は純粋にユーザビリティからこの質問をしていstandpoint
ます!
expand/stretch
ブラウザ ウィンドウのサイズを変更するときに、Web サイトを表示領域いっぱいに表示する必要がありますか?
明らかな短所があることは確かです。
- テキストの幅の広い列は読みにくいです。
- パーセントを使用して html/css を記述するのは面倒な場合があります。
- 画像の幅が広すぎたり、長すぎるテキスト ブロックが追加されたりすると、デザインが限界を超えて引き伸ばされてしまう可能性があります。( html/css をコーディングするのは面倒です)。
私が考えることができる唯一の長所は、ブラウザーに組み込まれているフォントのサイズ変更を使用するユーザーが、white-space
両側に本文がある、数単語の長さの列を処理する必要がないことです。
ただし、それは何よりもブラウザの問題である可能性があると思います (Firefox 3 では、テキストだけでなくすべてをズームできるため、常に便利です)。
編集:スタックオーバーフローは固定幅ですが、コーディングホラーのサイズが変更されることに気付きました。ジェフはどちらの方法にも強いこだわりを持っていないようです。
javascript - Javascript / CSSで基本的なフロー図をレンダリングするためのライブラリはありますか?
Webページで、非常に基本的なフロー図、つまり線で結合されたいくつかのボックスを動的にレンダリングしたいと思います。DIVs
理想的には、ユーザーはこれらのボックスの1つ( ?)をクリックして、別のページに移動できます。フラッシュに頼るのはやり過ぎのようです。クライアント側(つまりserver agnostic
)のJavascriptを知っている人はいますCSS library/technique
か、それともこれを達成するのに役立つ可能性がありますか?