An ASP.Net Question
-
Hi Everybody: I am a new comer to web development. I have a problem when developing my ASP.Net application.Here is my code:
<table id="Header" cellpadding="0" cellspacing="0" border="0" width="100%" runat="server" EnableViewState="False" > <tr> <td valign="top"> <asp:Image EnableViewState="False" GenerateEmptyAlternateText="True" ID="Image1" runat="server" ImageUrl="~/Images/TopLeftCorner.png" Width="6px" Height="6px" /> </td> <td valign="middle" style="background-color: #F1F1F1;width: 100%;"> </td> <td valign="top"> <asp:Image EnableViewState="False" ID="Image2" runat="server" GenerateEmptyAlternateText="True" ImageUrl="~/Images/TopRightCorner.png" Width="6px" Height="6px" /> </td> </tr> </table> <table id="Content" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="background-color: #F1F1F1; "> <asp:contentplaceholder id="ContentPlaceHolder1" runat="server"> </asp:contentplaceholder> </td> </tr> </table> <table runat="server" id="Footer" border="0" cellpadding="0" cellspacing="0" width="100%" EnableViewState="False"> <tr> <td valign="top"> <asp:Image EnableViewState="False" GenerateEmptyAlternateText="True" ID="Image14" Height="6px" Width="6px" runat="server" ImageUrl="~/Images/BottomLeftCorner.png" /> </td> <td style="width: 100%; background-color: #F1F1F1;"> </td> <td valign="top"> <asp:Image EnableViewState="False" GenerateEmptyAlternateText="True" ID="Image13" Height="6px" Width="6px" runat="server" ImageUrl="~/Images/BottomRightCorner.png"/> </td> </tr> </table>The display result of these code is: The cells that contain images have a greater height than 6px(that is my images height),and the images diplay in the middle of the cells(vertically). This causes the "Header","Content" and "Footer" be separated.That is what I not want to see. Is there any way? Any ideas will be appropriate. -
Hi Everybody: I am a new comer to web development. I have a problem when developing my ASP.Net application.Here is my code:
<table id="Header" cellpadding="0" cellspacing="0" border="0" width="100%" runat="server" EnableViewState="False" > <tr> <td valign="top"> <asp:Image EnableViewState="False" GenerateEmptyAlternateText="True" ID="Image1" runat="server" ImageUrl="~/Images/TopLeftCorner.png" Width="6px" Height="6px" /> </td> <td valign="middle" style="background-color: #F1F1F1;width: 100%;"> </td> <td valign="top"> <asp:Image EnableViewState="False" ID="Image2" runat="server" GenerateEmptyAlternateText="True" ImageUrl="~/Images/TopRightCorner.png" Width="6px" Height="6px" /> </td> </tr> </table> <table id="Content" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="background-color: #F1F1F1; "> <asp:contentplaceholder id="ContentPlaceHolder1" runat="server"> </asp:contentplaceholder> </td> </tr> </table> <table runat="server" id="Footer" border="0" cellpadding="0" cellspacing="0" width="100%" EnableViewState="False"> <tr> <td valign="top"> <asp:Image EnableViewState="False" GenerateEmptyAlternateText="True" ID="Image14" Height="6px" Width="6px" runat="server" ImageUrl="~/Images/BottomLeftCorner.png" /> </td> <td style="width: 100%; background-color: #F1F1F1;"> </td> <td valign="top"> <asp:Image EnableViewState="False" GenerateEmptyAlternateText="True" ID="Image13" Height="6px" Width="6px" runat="server" ImageUrl="~/Images/BottomRightCorner.png"/> </td> </tr> </table>The display result of these code is: The cells that contain images have a greater height than 6px(that is my images height),and the images diplay in the middle of the cells(vertically). This causes the "Header","Content" and "Footer" be separated.That is what I not want to see. Is there any way? Any ideas will be appropriate.