如何划分他们独立的3列页面 [英] how to divide a page for 3 column that they be independ
本文介绍了如何划分他们独立的3列页面的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
hi
我有一个包含3列的页面,他们的数据来自我使用的数据库< asp:repeater>
它有效但是当我在两列中有一行时第三列中的两行或多行两列显示在页面中心而不是页面顶部我该如何解决?
谢谢。
hi
I have a page with 3 column their data come from data base an I use <asp:repeater>
it works but when I have one row in two columns and two or much rows in third column two column be shown in center of page not on top of page how can I resolve it?
thanks.
<tr style="height: 100%">
<td style="width: 21%;">
</td>
<td class="auto-style33" style="width: 15%">
<asp:Repeater ID="Repeater1" runat="server"
DataSourceID="SqlDataSource3">
<ItemTemplate>
<table style="width: 100%">
<tr>
<td>
<asp:Panel ID="Panel2" runat="server" BackColor="White" BorderWidth="1px" BackImageUrl="~/images/back_b.jpg" CssClass="panel-item4" Width="100%">
<table style="width: 100%; height: 214px;" >
<tr>
<td style="text-align: center; height: 97px;">
<asp:Image ID="Image9" runat="server" Height="88px" ImageUrl='<%# Eval("ImagePath")%>' Width="70%" />
</td>
</tr>
<tr>
<td style="text-align: center; border-top-style: dotted; border-top-width: thin; ">
</td>
</tr>
<tr>
<td style="text-align: center"><a class="b" href='<%# Eval("FilePath")%>'>
<asp:Label ID="Label40" runat="server" CssClass="onhover" Text='<%# Eval("FileName")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</a></td>
</tr>
<tr>
<td style="text-align: center">
<asp:Label ID="Label41" CssClass="onhover" runat="server" Text='<%# Eval("Noskhe")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center">
<asp:Label ID="Label42" CssClass="onhover" runat="server" Text='<%# Eval("Vighegi")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center; height: 20px;">
<asp:Label ID="Label43" CssClass="onhover" runat="server" Text='<%# Eval("Updatetime")%>' ForeColor="#DE3922" Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center; height: 20px;"></td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
<td style="width: 7%;"> </td>
<td style="width: 15%; ">
<asp:Repeater ID="Repeater9" runat="server"
DataSourceID="SqlDataSource2">
<ItemTemplate>
<table style="width: 100%">
<tr>
<td>
<asp:Panel ID="Panel3" runat="server" BackColor="White" BorderWidth="1px" BackImageUrl="~/images/back_b.jpg" CssClass="panel-item4" Width="100%">
<table style="width: 100%; height: 214px;" >
<tr>
<td style="text-align: center; height: 97px;">
<asp:Image ID="Image11" runat="server" Height="88px" ImageUrl='<%# Eval("ImagePath")%>' Width="70%" />
</td>
</tr>
<tr>
<td style="text-align: center; border-top-style: dotted; border-top-width: thin; ">
</td>
</tr>
<tr>
<td style="text-align: center"><a class="b" href='<%# Eval("FilePath")%>'>
<asp:Label ID="Label451" runat="server" CssClass="onhover" Text='<%# Eval("FileName")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</a></td>
</tr>
<tr>
<td style="text-align: center">
<asp:Label ID="Label50" CssClass="onhover" runat="server" Text='<%# Eval("Noskhe")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center">
<asp:Label ID="Label48" CssClass="onhover" runat="server" Text='<%# Eval("Vighegi")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center; height: 20px;">
<asp:Label ID="Label49" CssClass="onhover" runat="server" Text='<%# Eval("Updatetime")%>' ForeColor="#DE3922" Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center; height: 20px;"></td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
<td style="width: 7%;"> </td>
<td style="width: 15%; ">
<asp:Repeater ID="Repeater2" runat="server"
DataSourceID="SqlDataSource1">
<ItemTemplate>
<table style="width: 100%">
<tr>
<td>
<asp:Panel ID="Panel3" runat="server" BackColor="White" BorderWidth="1px" BackImageUrl="~/images/back_b.jpg" CssClass="panel-item4" Width="100%">
<table style="width: 100%; height: 214px;" >
<tr>
<td style="text-align: center; height: 97px;">
<asp:Image ID="Image11" runat="server" Height="88px" ImageUrl='<%# Eval("ImagePath")%>' Width="70%" />
</td>
</tr>
<tr>
<td style="text-align: center; border-top-style: dotted; border-top-width: thin; ">
</td>
</tr>
<tr>
<td style="text-align: center"><a class="b" href='<%# Eval("FilePath")%>' >
<asp:Label ID="Label451" runat="server" CssClass="onhover" Text='<%# Eval("FileName")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</a></td>
</tr>
<tr>
<td style="text-align: center">
<asp:Label ID="Label50" CssClass="onhover" runat="server" Text='<%# Eval("Noskhe")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center">
<asp:Label ID="Label48" CssClass="onhover" runat="server" Text='<%# Eval("Vighegi")%>' Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center; height: 20px;">
<asp:Label ID="Label49" CssClass="onhover" runat="server" Text='<%# Eval("Updatetime")%>' ForeColor="#DE3922" Font-Names="Tahoma" Font-Size="X-Small"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center; height: 20px;"></td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
<td style="width: 20%;">
</td>
</tr>
推荐答案
I could resolve my problem with this css code:
I could resolve my problem with this css code:
#product_viewer td {
vertical-align: top;
}
这篇关于如何划分他们独立的3列页面的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文