Wie kann ich richtig Visual Studio 2005 zeigen die Tabellen und Bilder gewährleisten?

Question

Ich habe Photoshop CS2 verwendet "Save for Web" -Funktion eine Tabelle der Bilder für meine Website-Layout zu erstellen.

Diese HTML erscheint in einem Web-Browser in Ordnung, aber wenn sie in Visual Studio und gesehen in den Web-Designern importiert, sind die Messwerte falsch und es gibt horizontale Lücken zwischen den Bildern (Tabellenzellen).

Die Ausgabe von Photoshop bezieht sich nicht auf irgendwelche Sheets.
Die Tabelle Attribute Satz Grenze, cellpadding und Cellspacing auf 0.

Hier ist, wie es in Designer aussieht:

Und hier ist, wie es im Browser aussieht:

Ist Visual Studio pingelig Layout von Tabellen und Bildern? Ist das ein Fehler in Visual Studio 2005?

Answer 1

Persönlich habe ich nie vertraut und selten die Entwurfsansicht in Visual Studio verwenden und haben in der Regel für alle Seiten auf die Code-Ansicht eingestellt. Ich neige dazu, Arbeits Versionen von Dateien offen zu halten, in IE und Firefox mir zu ermöglichen, ihr Layout zu sehen, aber diese Probleme verursachen können, wenn sie versuchen mehrstufiges Formen usw. In diesen Fällen zu betrachten, ich mich immer dazu neigen, etwas Code in Kraft gesetzt zu ermöglichen um auszuwählen, welche i Zustand / Schritt, ohne durch alle rigmorals sehen wollen durch jeden Schritt zu gehen, es zu testen.

Beachten Sie, dass in VS Sie rechts auf eine Datei im Projekt-Explorer klicken und wählen Sie sie in einem Webbrowser anzuzeigen. Sie können auch verschiedenen anderen Browser VS Vorlieben hinzufügen so dass Sie den Browser, den Sie sehen möchten, die Datei in wählen.

Ich weiß, dass dies nicht eine anwser aber hoffen, dass es nützlich ist.

Answer 2

Ich habe nicht mit „Save for Web“ -Funktion gespielt, aber ich bin mir ziemlich sicher, dass die Ausgabe html, mit Ausnahme der Tabellen-Markup und Bilder, sollten auch einige CSS-Stile enthalten, die das Anzeigeverhalten der gesamten Seite definieren .

Also, wenn der HTML-Code in VS importieren, stellen Sie sicher, dass zugehörige Stile zu werden übertragen.

Vergessen Sie auch nicht und HTML-Gültigkeit sicherzustellen - Sie können die Konformitätsgrad Ihrer Web-App in den web.config oder Projekteigenschaften (oder nur im HTML-Editor wählen - Target-Schema XHTML Transitional und Sie sollten sicher, dass der hTML Sie aus Photoshop bekamen richtig validiert werden.

Answer 3

Der Designer von Visual Studio 2005 scheint mit Rendering bestimmte HTML-Inhalte zu kämpfen. Als Toby sagte, ist der beste Weg, um das Problem zu arbeiten, um die Seite in einem Web-Browser auf der Zusammenarbeit mit dem Designer im Gegensatz zu der Vorschau anzeigen.

Die andere Alternative ist natürlich Visual Studio 2008, verwendet es die gleiche Web-Designer-Komponente zu verwenden, die in Expression Web verwendet wird. Ich habe nicht Visual Studio 2008 in großen Umfang für Web-Projekte verwendet, noch nicht, aber von dem, was ich gesehen habe, ist es sehr beeindruckend! Visual Studio 2008 hat auch die „Split“ Ansichtsoption, die Sie den Designer sehen kann, während Sie das HTML bearbeiten (nicht mehr Umschalten zwischen Quelle und Entwurfsansicht und es ein paar Minuten, um mit Ihnen zu aufholen!)