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

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

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

这是在设计器中的外观：

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

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

解决方案

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

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

另外请不要忘记并且为了确保HTML的有效性，我们可以在web.config或者项目属性中选择Web应用程序的一致性级别(或者仅在html编辑器中将Target Schema设置为XHTML Transitional，并且应确保html从Photoshop获取的信息将得到正确验证。

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

请记住，在VS中，我们可以右键单击项目资源管理器中的文件，然后选择在Web浏览器中查看该文件。我们还可以将各种不同的浏览器添加到VS偏好设置中，从而选择要在其中查看文件的浏览器。

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

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

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