如何确保Visual Studio 2005正确显示表和图像?
-
03-07-2019 - |
题
我使用过Photoshop CS2的“Save for Web”功能为我的网站布局创建图像表。
此HTML在网络浏览器中显示正常,但是当导入Visual Studio并在网站设计器中查看时,指标错误,图像(表格单元格)之间存在水平间隙。
Photoshop的输出并未引用任何样式表。
表属性将border,cellpadding和cellspacing设置为0。
以下是它在Designer中的外观:
以下是它在浏览器中的显示效果:
Visual Studio对表格和图像的布局是否挑剔?这是Visual Studio 2005中的错误吗?
解决方案
就我个人而言,我从未信任并且很少在Visual Studio中使用设计视图,并且通常将其设置为所有页面的代码视图。我倾向于继续在IE和Firefox中打开文件的工作版本以使我能够看到他们的布局,但这会在尝试查看多步骤表单时引起问题等。在这些情况下,我总是倾向于使用一些代码来启用我选择我希望看到的状态/步骤,而不经过每个步骤来测试它。
请记住,在VS中,您可以右键单击项目资源管理器中的文件,然后选择在Web浏览器中查看该文件。您还可以向VS首选项添加各种不同的浏览器,允许您选择要在其中查看文件的浏览器。
我意识到这不是一个灵感,但希望它有用。
其他提示
我没有玩过“Save for Web”功能,但我很确定输出html,除了表标记和图像,还应该包含一些定义整个页面显示行为的CSS样式。
因此,在将html导入VS时,请确保传输关联的样式。
另外请不要忘记并确保HTML有效性 - 您可以在web.config或项目属性中选择Web应用程序的一致性级别(或者仅在html编辑器中 - 将Target Schema设置为XHTML Transitional,您应该是确保您从Photoshop获得的HTML将得到正确验证。
Visual Studio 2005的设计者似乎很难渲染某些HTML内容。正如Toby所说,解决问题的最佳方法是在Web浏览器中预览页面,而不是与设计师合作。
另一种选择当然是使用Visual Studio 2008,它使用Expression Web中使用的相同Web设计器组件。我还没有广泛使用Visual Studio 2008进行Web项目,但从我看到它非常令人印象深刻! Visual Studio 2008还具有“拆分”功能。查看选项,它允许您在编辑HTML时查看设计器(不再需要在源视图和设计视图之间切换,只需几分钟就能赶上你!)