Align to bottom

Discussion in 'ASP .Net' started by Thomas Scheiderich, Jul 28, 2004.

  1. Is there a way to make a section of a <td> tag to go to the bottom of the
    cell?

    Below is a portion of my page. The <td class="BodyText"> tag has a
    "vertical-align:top" in the css file to move the data to the top of the
    page.

    I would like to take the section below the repeater (label and radio
    buttons) and move them to the bottom of the cell.

    Is there an easy way to do this?

    <td class="BodyText"><br>
    <div align="center" >
    <center>
    <table border="0" width="600" bgcolor="#000080"
    style="vertical-align:top">
    <tr>
    <td width="100%" align="left"><font color="#FFFFFF" face="Arial
    Black">QA Documents - <%= request.QueryString("name") %></font></td>
    </tr>
    </table>
    </center>
    </div>
    <table border="0" width="600" cellspacing="5" cellpadding="2"
    align="center">
    <tr>
    <td>
    <form runat="Server">
    <asp:Repeater
    ID="rptAuthors"
    runat="Server">

    <ItemTemplate>
    <font face="Arial" size="2" color="#000080"><b><a href="<%#
    Container.DataItem("fullFileName") %>" target="_blank" ><%#
    Container.DataItem("title") %></a></b></font><br>
    </ItemTemplate>
    </asp:Repeater>


    <p>
    <span class="HeaderText">Search Titles:</span><br>
    <asp:TextBox
    ID="txtSearchPhrase"
    Columns="50"
    Runat="Server" />
    <asp:Button
    Text="Search!"
    OnClick="Button_Click"
    Runat="Server" />

    <asp:Label
    ID="lblResults"
    EnableViewState="False"
    Runat="Server"
    class="HeaderText" />
    <asp:radiobuttonlist class="BodyText" ID="searchChoice"
    runat="server" RepeatDirection="Horizontal" RepeatLayout="table"
    TextAlign="right">
    <asp:ListItem Text="All Documents" value="All" />
    <asp:ListItem Text="Current Documents" value="Current"
    Selected="True" />
    </asp:radiobuttonlist>
    </form>
    </td>
    </tr>
    </table>
    </td>

    Thanks,

    Tom.
    Thomas Scheiderich, Jul 28, 2004
    #1
    1. Advertising

  2. Tom,

    You already have another table inside the cell with class="BodyText". Why
    can't you just align this inner table or separate cells in it as you wish?

    Eliyahu

    "Thomas Scheiderich" <> wrote in message
    news:...
    > Is there a way to make a section of a <td> tag to go to the bottom of the
    > cell?
    >
    > Below is a portion of my page. The <td class="BodyText"> tag has a
    > "vertical-align:top" in the css file to move the data to the top of the
    > page.
    >
    > I would like to take the section below the repeater (label and radio
    > buttons) and move them to the bottom of the cell.
    >
    > Is there an easy way to do this?
    >
    > <td class="BodyText"><br>
    > <div align="center" >
    > <center>
    > <table border="0" width="600" bgcolor="#000080"
    > style="vertical-align:top">
    > <tr>
    > <td width="100%" align="left"><font color="#FFFFFF" face="Arial
    > Black">QA Documents - <%= request.QueryString("name") %></font></td>
    > </tr>
    > </table>
    > </center>
    > </div>
    > <table border="0" width="600" cellspacing="5" cellpadding="2"
    > align="center">
    > <tr>
    > <td>
    > <form runat="Server">
    > <asp:Repeater
    > ID="rptAuthors"
    > runat="Server">
    >
    > <ItemTemplate>
    > <font face="Arial" size="2" color="#000080"><b><a href="<%#
    > Container.DataItem("fullFileName") %>" target="_blank" ><%#
    > Container.DataItem("title") %></a></b></font><br>
    > </ItemTemplate>
    > </asp:Repeater>
    >
    >
    > <p>
    > <span class="HeaderText">Search Titles:</span><br>
    > <asp:TextBox
    > ID="txtSearchPhrase"
    > Columns="50"
    > Runat="Server" />
    > <asp:Button
    > Text="Search!"
    > OnClick="Button_Click"
    > Runat="Server" />
    >
    > <asp:Label
    > ID="lblResults"
    > EnableViewState="False"
    > Runat="Server"
    > class="HeaderText" />
    > <asp:radiobuttonlist class="BodyText" ID="searchChoice"
    > runat="server" RepeatDirection="Horizontal" RepeatLayout="table"
    > TextAlign="right">
    > <asp:ListItem Text="All Documents" value="All" />
    > <asp:ListItem Text="Current Documents" value="Current"
    > Selected="True" />
    > </asp:radiobuttonlist>
    > </form>
    > </td>
    > </tr>
    > </table>
    > </td>
    >
    > Thanks,
    >
    > Tom.
    >
    >
    Eliyahu Goldin, Jul 28, 2004
    #2
    1. Advertising

  3. "Eliyahu Goldin" <> wrote in message
    news:#...
    > Tom,
    >
    > You already have another table inside the cell with class="BodyText". Why
    > can't you just align this inner table or separate cells in it as you wish?


    Not sure how you mean this.

    I tried to put the link everywhere. Tried just <tr><td> with the current
    table and also putting it after the table, but before the <td> of the outer
    table. It still put it just after the inner table. The problem is that
    unless I am already at the bottom of the screen, it will put it in the
    middle of the screen. The TD area is about 3/4s of the screen and the
    repeater may take about 1/4 of the screen. I want there to be a lot of
    white space and put the link at the bottom - without specifying a size of
    the box, since that will change depending on how many items are displayed.

    Thanks,

    Tom
    >
    > Eliyahu
    >
    > "Thomas Scheiderich" <> wrote in message
    > news:...
    > > Is there a way to make a section of a <td> tag to go to the bottom of

    the
    > > cell?
    > >
    > > Below is a portion of my page. The <td class="BodyText"> tag has a
    > > "vertical-align:top" in the css file to move the data to the top of the
    > > page.
    > >
    > > I would like to take the section below the repeater (label and radio
    > > buttons) and move them to the bottom of the cell.
    > >
    > > Is there an easy way to do this?
    > >
    > > <td class="BodyText"><br>
    > > <div align="center" >
    > > <center>
    > > <table border="0" width="600" bgcolor="#000080"
    > > style="vertical-align:top">
    > > <tr>
    > > <td width="100%" align="left"><font color="#FFFFFF" face="Arial
    > > Black">QA Documents - <%= request.QueryString("name") %></font></td>
    > > </tr>
    > > </table>
    > > </center>
    > > </div>
    > > <table border="0" width="600" cellspacing="5" cellpadding="2"
    > > align="center">
    > > <tr>
    > > <td>
    > > <form runat="Server">
    > > <asp:Repeater
    > > ID="rptAuthors"
    > > runat="Server">
    > >
    > > <ItemTemplate>
    > > <font face="Arial" size="2" color="#000080"><b><a href="<%#
    > > Container.DataItem("fullFileName") %>" target="_blank" ><%#
    > > Container.DataItem("title") %></a></b></font><br>
    > > </ItemTemplate>
    > > </asp:Repeater>
    > >
    > >
    > > <p>
    > > <span class="HeaderText">Search Titles:</span><br>
    > > <asp:TextBox
    > > ID="txtSearchPhrase"
    > > Columns="50"
    > > Runat="Server" />
    > > <asp:Button
    > > Text="Search!"
    > > OnClick="Button_Click"
    > > Runat="Server" />
    > >
    > > <asp:Label
    > > ID="lblResults"
    > > EnableViewState="False"
    > > Runat="Server"
    > > class="HeaderText" />
    > > <asp:radiobuttonlist class="BodyText" ID="searchChoice"
    > > runat="server" RepeatDirection="Horizontal" RepeatLayout="table"
    > > TextAlign="right">
    > > <asp:ListItem Text="All Documents" value="All" />
    > > <asp:ListItem Text="Current Documents" value="Current"
    > > Selected="True" />
    > > </asp:radiobuttonlist>
    > > </form>
    > > </td>
    > > </tr>
    > > </table>
    > > </td>
    > >
    > > Thanks,
    > >
    > > Tom.
    > >
    > >

    >
    >
    Thomas Scheiderich, Jul 30, 2004
    #3
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. shank

    vertical-align: bottom

    shank, Oct 2, 2003, in forum: HTML
    Replies:
    9
    Views:
    20,902
    brucie
    Oct 3, 2003
  2. Dan
    Replies:
    1
    Views:
    8,345
    ainigma
    Apr 4, 2008
  3. news

    Align to bottom?

    news, Jul 14, 2004, in forum: HTML
    Replies:
    2
    Views:
    577
    Mark Parnell
    Jul 14, 2004
  4. Noozer
    Replies:
    1
    Views:
    7,104
    Carolyn Marenger
    Mar 13, 2006
  5. Cuthbert
    Replies:
    8
    Views:
    423
    Ancient_Hacker
    Sep 13, 2006
Loading...

Share This Page