如何确保Visual Studio 2005正确显示表格和图像？

Question

我已经使用了Photoshop CS2的“另存为Web”功能来为我的网站布局创建一张图像表。

该HTML在Web浏览器中看起来不错，但是当导入Visual Studio并在站点设计器中查看时，度量标准错误并且图像（表单元格）之间存在水平间隙。

Photoshop的输出未引用任何样式表。
该表属性将border，cellpadding和cellspacing设置为0。

这是在设计器中的外观：

这是它在浏览器中的外观：

Visual Studio对表和图像的布局是否挑剔？ 这是Visual Studio 2005中的错误吗？

Answer 1

我没有使用“保存为Web”功能，但是我很确定输出的html（除了表标记和图像）还应该包含一些css样式，这些样式定义了整个页面的显示行为。

因此，将html导入VS时，请确保也转移了关联的样式。

另外，请不要忘记并且为了确保HTML的有效性-您可以在web.config或项目属性中（或仅在html编辑器中）选择Web应用程序的一致性级别-将目标架构设置为XHTML Transitional，并且应确保您从Photoshop获取的html将被正确验证。

Answer 2

我个人从不信任，也很少在Visual Studio中使用设计视图，通常将其设置为所有页面的代码视图。 我倾向于保持在IE和Firefox中打开文件的工作版本，以便查看其布局，但是在尝试查看多步骤表单等时这可能会引起问题。在这些情况下，我总是倾向于放置一些代码来使我选择我希望看到的状态/步骤，而无需经过测试每个步骤的所有步骤。

请记住，在VS中，您可以右键单击项目浏览器中的文件，然后选择在Web浏览器中查看该文件。 您还可以在VS首选项中添加各种不同的浏览器，从而允许您选择希望在其中查看文件的浏览器。

我意识到这不是一个烦恼，但希望它是有用的。

Answer 3

Visual Studio 2005的设计人员似乎在呈现某些HTML内容方面遇到了困难。 正如Toby所说，解决此问题的最佳方法是在Web浏览器中预览页面，而不是与设计人员一起工作。

当然，另一种选择是使用Visual Studio 2008，它使用与Expression Web中相同的Web设计器组件。 我还没有将Visual Studio 2008广泛用于Web项目，但是从我所看到的来看，它给人留下了深刻的印象！ Visual Studio 2008还具有“拆分”视图选项，使您可以在编辑HTML时查看设计器（不再需要在源视图和设计视图之间进行切换，并且花了几分钟的时间来赶上您！）