0

Photoshop CS2の「Web用に保存」機能を使用して、サイトレイアウト用の画像のテーブルを作成しました。

このHTMLはWebブラウザーでは正常に表示されますが、Visual Studioにインポートしてサイトデザイナーで表示すると、メトリックが正しくなく、画像(テーブルセル)間に水平方向のギャップがあります。

Photoshopからの出力は、スタイルシートを参照していません。
テーブル属性は、border、cellpadding、cellspacingを0に設定します。

Designerでの表示は次のとおりです。

代替テキスト

そして、これがブラウザでどのように見えるかです:

代替テキスト

Visual Studioは、テーブルと画像のレイアウトにこだわりがありますか?これはVisualStudio2005のバグですか?

4

3 に答える 3

0

Visual Studio 2005 の設計者は、特定の HTML コンテンツのレンダリングに苦労しているようです。Toby が言ったように、この問題を回避する最善の方法は、デザイナーで作業するのではなく、Web ブラウザーでページをプレビューすることです。

もちろん、もう 1 つの方法は Visual Studio 2008 を使用することです。これは、Expression Web で使用されているものと同じ Web デザイナー コンポーネントを使用します。Web プロジェクトで Visual Studio 2008 を広範囲に使用したことはまだありませんが、見た限りでは非常に印象的です。Visual Studio 2008 には「分割」ビュー オプションもあり、HTML の編集中にデザイナーを表示できます (ソース ビューとデザイン ビューを切り替える必要がなくなり、追いつくのに数分かかります!)

于 2008-10-02T19:11:14.780 に答える
0

個人的には、Visual Studio でデザイン ビューを信頼したことはなく、ほとんど使用していません。通常、すべてのページでコード ビューに設定しています。私は作業中のバージョンのファイルを IE と Firefox で開いたままにしてレイアウトを確認できるようにする傾向がありますが、これは複数ステップのフォームなどを表示しようとすると問題を引き起こす可能性があります。テストするために各ステップを通過するというすべての厳格さを経ずに、どの状態/ステップを見たいかを選択します。

VS では、プロジェクト エクスプローラーでファイルを右クリックし、選択して Web ブラウザーで表示できることに注意してください。また、さまざまなブラウザーを VS 設定に追加して、ファイルを表示するブラウザーを選択できるようにすることもできます。

これはアンサーではありませんが、役に立つことを願っています。

于 2008-10-02T17:57:09.560 に答える
0

「Web 用に保存」機能を試したことはありませんが、テーブル マークアップと画像を除く出力 html には、ページ全体の表示動作を定義する css スタイルも含める必要があると確信しています。

そのため、HTML を VS にインポートするときは、関連するスタイルも転送されるようにしてください。

また、忘れないでください。また、HTML の有効性を確保するために、web.config またはプロジェクトのプロパティで (または単に html エディターで) Web アプリの適合レベルを選択できます。ターゲット スキーマを XHTML Transitional に設定します。 Photoshop から取得した html は適切に検証されます。

于 2008-09-30T19:34:31.323 に答える