Как обеспечить правильное отображение таблиц и изображений в Visual Studio 2005?

Question

Я использовал функцию «Сохранить для Интернета» в Photoshop CS2, чтобы создать таблицу изображений для макета моего сайта.

Этот HTML-код отлично отображается в веб-браузере, однако при импорте в Visual Studio и просмотре в конструкторе сайтов метрики неверны и между изображениями (ячейками таблицы) возникают горизонтальные промежутки.

Выходные данные Photoshop не относятся ни к каким таблицам стилей.
Атрибуты таблицы устанавливают border, cellpadding и cellpacing равными 0.

Вот как это выглядит в Конструкторе:

А вот как это выглядит в браузере:

Придирчива ли Visual Studio к расположению таблиц и изображений?Это ошибка в Visual Studio 2005?

Answer 1

Лично я никогда не доверял и редко использовал представление дизайна в Visual Studio и обычно настраивал его на представление кода для всех страниц.Я обычно оставляю рабочие версии файлов открытыми в IE и Firefox, чтобы иметь возможность видеть их макет, однако это может вызвать проблемы при попытке просмотра многошаговых форм и т. д.В этих случаях я всегда стараюсь добавить некоторый код, который позволит мне выбрать, какое состояние/шаг я хочу увидеть, не проходя через все трудности прохождения каждого шага для его тестирования.

Помните, что в VS вы можете щелкнуть правой кнопкой мыши файл в проводнике проекта и выбрать его просмотр в веб-браузере.вы также можете добавить различные браузеры в настройки VS, что позволит вам выбрать браузер, в котором вы хотите просмотреть файл.

Я понимаю, что это не ответ, но надеюсь, что это будет полезно.

Answer 2

Я не играл с функцией «Сохранить для Интернета», но я почти уверен, что выходной HTML-код, за исключением разметки таблицы и изображений, также должен содержать некоторые стили CSS, которые определяют поведение отображения всей страницы.

Итак, при импорте HTML в VS убедитесь, что связанные стили также перенесены.

Также не забывайте: чтобы обеспечить валидность HTML, вы можете выбрать уровень соответствия вашего веб-приложения в свойствах web.config или проекта (или просто в редакторе HTML) — установите для целевой схемы значение XHTML Transitional, и вы должны быть уверены, что html, полученный вами из Photoshop, будет проверен правильно.

Answer 3

Разработчику Visual Studio 2005, похоже, не удается отрисовать определенный HTML-контент.Как сказал Тоби, лучший способ обойти эту проблему — просмотреть страницу в веб-браузере, а не работать с дизайнером.

Другая альтернатива, конечно, — использовать Visual Studio 2008, она использует тот же компонент веб-дизайнера, который используется в Expression Web.Я еще не часто использовал Visual Studio 2008 для веб-проектов, но то, что я видел, это очень впечатляет!Visual Studio 2008 также имеет опцию просмотра «Разделить», которая позволяет вам видеть дизайнера во время редактирования HTML (больше не нужно переключаться между представлением исходного кода и представлением дизайна, и вам потребуется пара минут, чтобы догнать вас!)