2008-09-30 102 views
0

我已經使用Photoshop CS2的「Save for Web」功能爲我的網站佈局創建圖像表。如何確保Visual Studio 2005正確顯示錶格和圖像?

此HTML顯示在Web瀏覽器中正常,但是當導入到Visual Studio中,並在網站設計者認爲,該指標是錯誤的,有圖片(表單元格)之間的水平差距。

Photoshop的輸出沒有引用任何樣式表。
表屬性設置邊框的cellpadding和CELLSPACING 0

這裏是如何看在設計師:

alt text

這裏是它的外觀在瀏覽器中:

alt text

是Visual Studio的挑剔表格和圖像的佈局?這是Visual Studio 2005中的一個錯誤嗎?

+0

我們可以看到圖片嗎? – 2008-09-30 19:49:51

+0

他們不可見嗎?他們爲我顯示,但我是圖像鏈接新手。 – timebean 2008-10-01 19:03:06

回答

0

我個人從來沒有信任和很少使用Visual Studio中的設計視圖,並且一般都設置爲所有頁面的代碼視圖。在IE和Firefox中打開的文件版本可以讓我看到他們的佈局,但是當試圖查看多步表單等時,這可能會導致問題。在這些情況下,我總是傾向於放置一些代碼以使我能夠選擇哪種狀態/一步我希望看到沒有通過克的所有道德通過每一步來測試它。

請記住,在VS您可以右鍵單擊項目資源管理器文件,並選擇在Web瀏覽器中查看。你也可以添加各種不同的瀏覽器VS喜好讓你選擇,你希望看到文件中的瀏覽器。

我知道這是不是一個anwser,但希望它是有用的。

0

我沒有用「另存爲網頁」功能發揮,但我敢肯定的是,輸出HTML,除了表格標記和圖像,還應該包含定義整個的顯示行爲的一些CSS樣式頁。

因此,當將html導入到VS時,確保關聯的樣式也被傳輸。

另外不要忘記爲了確保HTML的有效性 - 您可以在web.config或項目屬性中選擇您的Web應用程序的一致性級別(或僅在HTML編輯器中 - 將Target Schema設置爲XHTML Transitional,並且您應該請確保你從Photoshop中得到的HTML將被正確驗證

+0

上面已澄清的問題。沒有樣式表,完全xhtml有效(手動編輯之後)。 – timebean 2008-10-01 19:03:47

0

Visual Studio 2005的設計者似乎很難渲染某些HTML內容。正如託比所說,解決這個問題的最佳方法是在網頁瀏覽器中預覽頁面,而不是與設計師合作。

當然,另一種方法是使用Visual Studio 2008,它使用在Expression Web中使用的相同的網頁設計師組成。我還沒有廣泛地將Visual Studio 2008用於Web項目,但是從我看到的它非常令人印象深刻! Visual Studio 2008還具有「分割」視圖選項,可讓您在編輯HTML時看到設計師(不再需要在源代碼和設計視圖之間切換,並且需要幾分鐘時間才能趕上您!)