2008-09-30 64 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时看到设计师(不再需要在源代码和设计视图之间切换,并且需要几分钟时间才能赶上您!)