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

Question

我使用了Photoshop CS2的“Save for Web”功能为我的网站布局创建了一个图像表。

此HTML在网络浏览器中显示正常，但是当导入Visual Studio并在网站设计器中查看时，指标错误，图像（表格单元格）之间存在水平间隙。

Photoshop的输出不涉及任何样式表 表属性将border，cellpadding和cellspacing设置为0。

以下是它在Designer中的外观：

以下是它在浏览器中的显示效果：

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

Answer 1

我没有使用“Save for Web”功能，但我很确定输出html，除了表格标记和图像，还应该包含一些定义整个页面显示行为的CSS样式

因此，在将html导入VS时，请确保传输关联的样式。

另外请不要忘记并确保HTML有效性 - 您可以在web.config或项目属性中选择Web应用程序的一致性级别（或者仅在html编辑器中 - 将Target Schema设置为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时查看设计器（不再需要在源视图和设计视图之间切换，只需几分钟即可赶上您！）