問題タブ [html-rendering]
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.
css - CSS 表示規則
これをGoogleで検索しようとしましたが、役に立ちませんでした。
CSS のレンダリングと可視性のルールを説明する優れたリソースを教えてもらえますか? または、非常に簡単な場合は、誰かここに書き留めてもらえますか?
例を挙げると、互いに含まれていない 2 つの大きDIV_LARGE1なDIV_LARGE2div と小さな div があるとしDIV_SMALLます。DIV_SMALLが 内に定義されている場合、 のDIV_LARGE1内側にある部分は見えますDIV_LARGE1が、 と共有されている領域は のDIV_LARGE2下に隠れますDIV_LARGE2。ページがレンダリングされた後 (クリックで)をDIV_SMALL(設定して)表示しているので、HTML コードの 後に来ることは重要ではありません。display:inlineDIV_LARGE2DIV_LARGE1
何が優先されますか？私の小さな div には がposition:relativeあり、他の両方の div ( DIV_LARGE*)position:absoluteには があるため、div が内部で定義されていない場合は、相対配置よりも絶対配置が優先されると推測できます。しかし、これは正しいですか？正確なルールは何ですか？
css - コンテナ内のテキストの垂直方向の配置：WebKitとFirefox
問題は、FirefoxおよびWebKitベースのブラウザーが、高さ/行の高さが均一でフォントサイズが不均一な要素に含まれている場合（またはその逆の場合）、テキストをさまざまな方法で垂直方向に整列させるように見えることです。私はいくつかの同様のスレッドを見てきましたが、私の質問に対する素晴らしい説明は実際には見ていません。
次の例を考えてみましょう。
これを修正する方法はありますか？「text-align」プロパティまたは私が見逃したものはありますか？
css - クロムの css の高さと幅の値が小さすぎます。それとも幅が広すぎますか？
Safari の chrome で適切にレンダリングされていないように見える Web サイト ページがあります。
他のブラウザーの 2 倍のピクセル数で画面の幅をレンダリングしているようです。Mac の Chrome のバージョンを除いて、Windows と Apple の他のすべてのブラウザで機能する初期ビューポート設定であると思われます。
ビューポート設定を削除しようとしましたが、うまくいかないようです。Chrome の最新バージョンを使用しています。Chrome の横にある Safari でウィンドウを開いていると、同じ幅を占めるにもかかわらず、Chrome が画面を 2 倍の幅でレンダリングしていることがわかります。
おっとっと。画像を投稿することはできませんが、ここで見ることができます: http://straathof.acadnet.ca/test_chrome.jpg
テストしたい場合は、次のページにアクセスしてください: http://straathof.acadnet.ca/reblend55
この問題を追跡するための助けをいただければ幸いです。どこを見たらいいのかわからない。
c# - HTML のレンダリングに最適なコントロール
C# .NET 4.0 Winforms アプリケーションで、いくつかの html テキスト (<html>と<body>タグとすべてを含む html ページではなく、いくつか<i>の となど) をレンダリングする必要があります。<hr />できれば、HTML を表示するPanelだけのようなコントロールにすることをお勧めします。p.HTML = "somehtml"推奨できる .NET HTML レンダリング コントロールを使用した経験のある人はいますか? 私はこれをcodeprojectで見つけましたが、そこにあるものには少し警戒しています.
macos - Carbon の HTML レンダリング ライブラリで画像が表示されないのはなぜですか
Carbon の HTML レンダリング ライブラリを使用して、組み込みブラウザを表示する古いプログラムがあります。10.4 SDK を使用して、codewarrior から Xcode に移行しています。リンクを含む HTML は正しく表示されますが、画像は表示されません。代替コンテンツが表示され、幅と高さのフィールドで寸法が適切に設定されています。
私は初期化を行っています：
次に、ローカルの HTML ファイルを次のように開きます。
私の画像もローカルに保存されていますが、表示されません。以前は ppc のみの codewarrior コンパイルで正常に動作していました。
HRGoToURL を使用してインターネット上の Web ページを試し、写真の src フィールドを http:// または file:// の画像へのリンク (jpg、gif、および png) に置き換えてみましたが、常に同じ結果が得られました。
このような問題をご存知ですか？私は WebKit に移行できるし、おそらくそうすべきであることは知っていますが、それは私がより関与することになります。
シルヴァン
html - （シームレス）3列アイテムのレンダリングの問題
この問題はしばらくの間私を悩ませてきました、私は解決策に落ち着きませんでした、そしていくつかのアプローチを試みました。マークアップのセマンティックを可能な限り維持しようとしています。同様の質問を検索しましたが、問題を抽象化して適切な解決策を見つけるのに苦労しています。
私のデザインアプローチを説明するために、私について簡単に感じます。手始めに、私はデザイナーではありません。私は正式なトレーニングを受けていませんが、プログラマーとして雇用されていることに気づきました。私は11歳（1997年）からWebでの作業に手を出し、高校（2000年から2004年）のWeb標準の動きに深く影響を受けました。そして数ヶ月前まで、それ以来ウェブワークについて考えていませんでした。私が働いている会社は、フォトショップでデザイナーにデザインを開発するためにお金を払っていました。そして、CSSの仕事をするために別の人にお金を払おうとしていました。これは私を終わらせずに混乱させました、そして私はステップアップして仕事でショットを撮ることに決めました、そしてこれまでのところとても良いです。
しかし、私はしつこい問題をすり抜けさせました。3列のボックスとして設計された検索フォームがあります。私の仕事の性質上、私は箱を少し抽象化する必要がありました。ボックスはWebkitで正しくレンダリングされますが、Firefox、Opera、特にIE（写真にはありません）では中央の列が正しく配置されたままになりません。これらのブラウザの古いバージョンでは、見栄えが悪くなります。これは、実際の例をチェックアウトする良い機会かもしれません：http: //jsfiddle.net/KdFT7/
マークアップのいくつかを簡単に説明する必要があります。「Xを追加」ボタンをクリックすると、モーダルウィンドウが表示され、Xアイテムを選択できます。これは、クラスXChoiceでdivに追加され、で選択された合計は、クラスで段落（<p>）に追加されます。 XSelected以下。ボックスが小さくなり、アイテムが追加されるにつれて大きくなるのが理想的ですが、これにより、中央の列とAddYのボックスを更新する方法に問題が発生します。全体的に私はデザインに不満を持っていますが、私の仕事はそれを批評するのではなくコーディングすることです。
新鮮な目が必要です。これをマークアップし、3つの列がほとんどのブラウザーで同じ高さになるように正しいスタイルを適用するにはどうすればよいですか。私はこれを消化するためによく理解していますが、問題に突き刺されたことに感謝します。マークアップは変更される可能性があり、cssは再構築できますが、残念ながら、デザインは同じである必要があります。
HTML
CSS
ここでも実際の例を見つけることができます：http：//jsfiddle.net/KdFT7/
PS。
ボーナス、この質問は、確かな答えを受け取っていない私が尋ねた別の質問に関連しています： 属性の複製と更新
reporting - Reporting Services の HTML エクスポート - 画像のサイズ変更の問題
こんにちは。
レポートの HTML 4.0 形式へのレンダリングを実行するために、ReportExecutionService クラスを使用します。
エクスポートされたレポートをストリームとして取得するには、次のコードを使用します。
問題は、受信したストリームをブラウザで表示すると、「比例に合わせる」プロパティの画像が正しく表示されないことです。
元の SSRS reportViewer と私のプロジェクトの画像は、次の図のように表示されます。
Designer の画像プロパティ:
元の SSRS reportViewer のようにアプリケーションからの画像を含むエクスポートされたレポートを表示できるようにするには、どの構成設定を設定する必要がありますか?
outlook - HTML メールでの Outlook の表のセルの折りたたみ
私はこの問題に遭遇しましたが、まだ解決策を見つけることができていません。HTML 電子メールを使用すると、一部の Outlook プログラムでセルが折りたたまれることがわかりました。2007/2010 の両方例:
何が起こるかというと、Outlook は中央の列のセルの幅を無視します。幅に CSS を使用しても問題ありません。
これは同じ結果になります。
私が把握できていないのは、このセルの幅の崩壊を引き起こす Outlook の設定です。通常、それは当社の CEO の Outlook でのみ発生します。より堅実な方法で動作するようになったため、この方法でコピーを含むセルをコーディングすることはもうありませんが、マーケティング担当者は、自分が何をしているのかを知っていると考えて、動作すると考えてコードを変更することがあります。 Outlook の CEO のコンピューターではありません。
Outlook のどの設定がこれを引き起こしているか知っている人はいますか? この設定を自分のコンピューターに入れたいので、CEO 以外はテストする必要はありません。
javascript - C ++、win32 api：アプリケーションがJS呼び出しからコールバックを取得するようにhtmlレンダリングウィンドウを作成するにはどうすればよいですか？
必要なのは単純です。コンソールアプリプロジェクトがあります。デフォルトのhtml+js文字列（formstringまたはconstchar *）を読み取るhtml（デフォルトのシステムベース）html+jsレンダリングウィンドウだけで単純なウィンドウを開くような関数が必要です。独自のAPIをデフォルトのjsAPIと結合して、JSがいくつかour.function(argument);を呼び出すときに、C++アプリケーションにいくつかの関数（たとえばcout引数）を実行させるようにします。Windowsでそのようなものを作成するにはどうすればよいですか？
java - HTML をレンダリングして Java アプリケーションに表示する
Java アプリで (CSS を使用して) HTML テキストを表示することに興味があります。どのようなオプションがありますか?
私のアプリでは SWT を使用していませんが、SWT はすべてのプラットフォームで WebKit ブラウザーへのインターフェイスを提供していることがわかります。SWT の WebKit 統合を使用して、再利用できる画像内のテキストをレンダリングするように依頼する方法はありますか?