¿Cómo me aseguro de que Visual Studio 2005 muestre las tablas e imágenes correctamente?

Question

He utilizado " Guardar para Web " Photoshop CS2 característica para crear una tabla de imágenes para el diseño de mi sitio.

Este HTML se ve bien en un navegador web, sin embargo, cuando se importa a Visual Studio y se ve en el diseñador del sitio, las métricas son incorrectas y hay espacios horizontales entre las imágenes (celdas de la tabla).

El resultado de Photoshop no hace referencia a ninguna hoja de estilo.
Los atributos de la tabla establecen el borde, el relleno de celda y el espacio de celdas en 0.

Así es como se ve en el Diseñador:

Y aquí está cómo se ve en el navegador:

¿Visual Studio es exigente con el diseño de tablas e imágenes? ¿Es esto un error en Visual Studio 2005?

Answer 1

Personalmente nunca he confiado y rara vez uso la vista de diseño en Visual studio y, en general, la configuré en la vista de código para todas las páginas. Tiendo a mantener abiertas las versiones de trabajo de los archivos en IE y Firefox para que pueda ver su diseño, sin embargo, esto puede causar problemas al intentar ver formularios de varios pasos, etc. En estos casos, siempre tiendo a poner un código para habilitarme. para seleccionar qué estado / paso deseo ver sin pasar por todos los rigores de ir a través de cada paso para probarlo.

Recuerde que en VS puede hacer clic derecho en un archivo en el explorador de proyectos y seleccionar para verlo en un navegador web. También puede agregar varios navegadores diferentes a las preferencias de VS, lo que le permite seleccionar el navegador en el que desea ver el archivo.

Me doy cuenta de que esto no es una respuesta, pero espero que sea útil.

Answer 2

No he jugado con " Guardar para Web " característica, pero estoy bastante seguro de que el html de salida, excepto el marcado de la tabla y las imágenes, también debe contener algunos estilos css que definen el comportamiento de visualización de toda la página.

Por lo tanto, cuando importe el html a VS, asegúrese de que los estilos asociados también se transfieran.

Tampoco olvide Y para garantizar la validez de HTML: puede elegir el nivel de conformidad de su aplicación web en el web.config o en las propiedades del proyecto (o simplemente en el editor html: configure Target Schema en XHTML Transitional y debería estar Asegúrese de que el código HTML que obtuvo de Photoshop se validará correctamente.

Answer 3

El diseñador de Visual Studio 2005 parece tener problemas con la representación de cierto contenido HTML. Como dijo Toby, la mejor manera de solucionar el problema es obtener una vista previa de la página en un navegador web en lugar de trabajar con el diseñador.

La otra alternativa, por supuesto, es usar Visual Studio 2008, usa el mismo componente de diseño web que se usa en Expression Web. Todavía no he usado Visual Studio 2008 extensivamente para proyectos web, ¡pero por lo que he visto es muy impresionante! Visual Studio 2008 también tiene el " Dividir " Opción de visualización, que le permite ver al diseñador mientras edita el HTML (¡ya no tendrá que cambiar de fuente y vista de diseño y tardará un par de minutos en ponerse al día con usted!)