★66分求vs 2005的布局问题？？？

Question

如果你熟悉代码的话。。很多问题就很好解决的。如果可以的话。我可以帮你调正。
html代码熟的话。。问题就好办了。。

Answer 1

嗯,那个不要在vs里布局...显示是不正常....你可以在dw里排好先..在vs里看代码得了...

Answer 2

谢谢楼上的几位哥们，用的Ｔable布局，是在ＤＷ里面排好了的，放在ＶＳ中要加服务器控件编程，所以就把前面美工的图片替换成Ｗｅｂ控件呀，难道先在ｖｓ中编写好程序后再交给美工美化？？

Answer 3

<table style="width: 999px; height: 197px;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 438px; height: 197px;"valign="top">
<table style="width: 438px; height: 197px" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 438px; height: 92px">
<img alt="" src="images/left1_01.gif" width="438" height="92"></td>
</tr>
<tr>
<td style="width: 438px; height: 20px">
<table style="width: 438px; height: 20px" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 145px; height: 20px">
<img alt="" src="images/left1_02_01.gif" width="145" height="20"></td>
<td style="width: 130px; height: 20px">
<asp:TextBox runat="server" id="TextBox1" Height="20px" Width="130px">
</asp:TextBox>
</td>
<td>
<img alt="" src="images/left1_02_03.gif" width="30" height="20"></td>
<td style="width: 30px; height: 20px">
<asp:DropDownList runat="server" id="DropDownList1" Height="20px" Width="102px">
</asp:DropDownList>
</td>
<td style="width: 102px; height: 20px">
<img alt="" src="images/left1_02_05.gif" width="31" height="20"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width: 438px; height: 8px">
<img alt="" src="images/left1_03.gif" width="438" height="8" /></td>
</tr>
<tr>
<td style="width: 438px; height: 22px">
<table style="width: 438px; height: 22px" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 145px; height: 22px">
<img alt="" src="images/left1_04_01.gif" width="145" height="22"></td>
<td style="width: 126px; height: 22px">
<asp:TextBox runat="server" id="TextBox2" Height="22px" Width="126px" TextMode="Password">
</asp:TextBox>
</td>
<td style="width: 33px; height: 22px">
<img alt="" src="images/left1_04_03.gif" width="33" height="22"></td>
<td style="width: 68px; height: 22px">
<asp:Button runat="server" id="Button1" Height="22px" Width="68px" Text="登录" /></td>
<td style="width: 66px; height: 22px">
<img alt="" src="images/left1_04_05.gif" width="66" height="22"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width: 438px; height: 55px">
<img alt="" src="images/left1_05.gif" width="438" height="55" /></td>
</tr>
</table>

Answer 4

上面的发的太乱了
<td style="width: 438px; height: 20px">
　　<table style="width: 438px; height: 20px" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 145px; height: 20px">
　<img alt="" src="images/left1_02_01.gif" width="145" height="20"></td>
<td style="width: 130px; height: 20px">
　　<asp:TextBox runat="server" id="TextBox1" Height="20px"Width="130px">　　　　　　　　</asp:TextBox>
</td>
<td><img alt="" src="images/left1_02_03.gif" width="30" height="20"></td>
<td style="width: 30px; height: 20px">
　　　　　　　<asp:DropDownList runat="server" id="DropDownList1" Height="20px" 　　　　　　　　　Width="102px"></asp:DropDownList>
　　　　</td>
<td style="width: 102px; height: 20px">　　<img alt="" 　　　　　　　　　　　　　　　　src="images/left1_02_05.gif" width="31" height="20"></td>
　　　　</tr>
　　</table>
</td>

Answer 5

1。
跟用哪中网页设计器没有任何关系， VS 或者 DW 也好2。
LZ 要明白 Web 上相差 1px 效果都是不一样的任何通过托拽控件设计出来的网页，效果基本无法满足要求，特别是UI布局比较复杂的时候只有通过 CSS 进行尺寸的精确控制，才能完美3。
作为 Web 的美工，不是单纯的会 PS FW 画图就可以的，
如果此美工，不熟悉 HTML&CSS，记住是熟悉，不是了解，也不必精通，
那么它设计出来的网页布局、效果，只能做海报，难以转换为 html&css
当然如果你喜欢整张页面就是几张 jpg/gif 组成，那就是另一回事了4。
作为网页效果设计的最后一道工序——切图，至关重要，
比如，带圆角效果的，切四小块就可以，事实上，对于对称的，高级美工，只要一块，然后通过旋转得另三块带边框的，通常不用图片，而直接用 CSS 设计，那么他切图的时候完全可以忽略背景图效果，通常只要 1×1 px 的图片即可5。
其他不多说了，LZ 慢慢体会了
6。
切好的图片之间出现缝隙，为这个问题苦恼了很久，怎么处理呢？按道理说大小一样，位置一样只不过图片改换了控件？为什么会有移位呢？
＝＝＝＝＝＝＝
根据上述，你需要对你的控件尺寸用 css 进行精确控制，你不要看他似乎刚好填满外部容器的尺寸，事实可能就是差了几个 px ，通常肉眼很难分辩，7。
LZ 最好寻找一个熟悉 html&css 的同事帮助自己修改，
否则对于新手，比登天还难，不要说我夸张了，事实上就是如此，对于高手，那简直是小 case，他一看都知道问题大概出在哪里了
Hope helpful.

Answer 6

8楼说的挺有道理，学习ing....

Answer 7

"当我把页面图片形式的TextBox   and   Dropdownlist换成大小一样的Ｗｅｂ控件的时候网页就有些移位"
--------------------------------------------------------------------------------------------
找到布局有问题的地方看一下切出来的图片的大小然后找到包含TextBox   Dropdownlist的单元格。
设置包含TextBox   ，   Dropdownlist的单元格的大小，用Width=..px，height=.px精确设置。