How to fix, "next, previous," to bottom of browser

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • karen987
    New Member
    • Mar 2007
    • 114
    #1

    How to fix, "next, previous," to bottom of browser

    Can someone please explain what code i need to add to keep a set of links at the bottom of a pop up window?

    I need it in a page where people post comments. It is a pop up window, of about 500x400 where peoople post comments, and can read the previous and next ones.

    I have tried aligning it to the bottom of the window, in a table using the "space" keys, and the align bottom etc. however what happens is that if someone posts some lines of text or a very long message, and you read the comment, you have to scroll to the bottom of the message for the links to be visible. This is not the solution because if the buttons are at the bottom to begin with, then they go down the same distance after the last line of text.

    If i align them to appear right after the last line of text, then if someone posts only a few words or one line, means that the links appear in the middle of page, ie. right after the last line of text agains.

    I want a situation, whereby, the buttons are fixed at the bottom of the pop up window, no matter how short or long the message. ie. if the message is long, there can be scroll bars but on opening the pop up commenting windows the "previous next" buttons should always be there.

    Just to further clarify, it is a pop up page and it is an .asp page.
    Tags: None
    • jhardman
      Recognized Expert Specialist
      • Jan 2007
      • 3405
      #2
      The css style attribute "position: fixed" places an object in a given place in the window regardless of scrolling. I'm not sure what would happen if the text is longer...

      Have you tried putting the message in a <textarea>? Another option would be within a frame or iframe.

      The HTML forum might know if you can use <div>s for this. Can you make a scrolling div? I don't know, I'm sure I've never tried.

      Let me know what works for you.

      Jared

        Comment

        • karen987
          New Member
          • Mar 2007
          • 114
          #3
          Thank you for your reply Jared. I have now found a way to show the table which on opening hte pop up window, keeps the "previous, next" at the bottom.
          <html>
          <body>
          <table height="100%">
          <tr>
          <td height="95%" colspan="2" valign="top">pu t the comment in this cell</td>
          </tr>
          <tr>
          <td height="5%" align="center"> previous button goes here</td>
          <td height="5%" align="center"> next buton goes here</td>
          </tr>
          </table>
          </body>
          </html>

          This is all fine until someone posts text which is longer than the table. You then open the pop up and are confronted with a box of text, with scroll bars. you have to scroll to the bottom of the box to see the "next , previous" buttons.

          In other words, my problem is still there, what i want to do is fix this previous , next at the bottom of the pop up. Do you know what i need to do? I'm not html or asp literate and all i know about style sheets is to change the colour code, nothing else.

          thanks in advance

            Comment

            • jhardman
              Recognized Expert Specialist
              • Jan 2007
              • 3405
              #4
              Originally posted by karen987
              Thank you for your reply Jared. I have now found a way to show the table which on opening hte pop up window, keeps the "previous, next" at the bottom.
              <html>
              <body>
              <table height="100%">
              <tr>
              <td height="95%" colspan="2" valign="top">pu t the comment in this cell</td>
              </tr>
              <tr>
              <td height="5%" align="center"> previous button goes here</td>
              <td height="5%" align="center"> next buton goes here</td>
              </tr>
              </table>
              </body>
              </html>

              This is all fine until someone posts text which is longer than the table. You then open the pop up and are confronted with a box of text, with scroll bars. you have to scroll to the bottom of the box to see the "next , previous" buttons.

              In other words, my problem is still there, what i want to do is fix this previous , next at the bottom of the pop up. Do you know what i need to do? I'm not html or asp literate and all i know about style sheets is to change the colour code, nothing else.

              thanks in advance
              check out these work ups. The last is the best and most flexible.

              Jared

                Comment

                Previous template Next
                Working...