aligning a pragraph

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • hello2008
    New Member
    • Dec 2007
    • 14

    aligning a pragraph

    Hi all,

    I have 3 tables, all aligned one below the other and then I have this paragraph which I want to align on the right handside of the page at the top, but in spite of giving align = 'top', the paragraph and its contents seems to be appearing at the very bottom of the page after the last table.. how can I correct this? Please help.


    [HTML]
    <p valign = "top">
    <fieldset align = "top">
    <legend align = "center">
    <font color = "magenta">
    <b> Click a link! </b>
    </font>
    </legend>

    <ul>

    <li><a href = "ShowCandidates .php"><font size = "2.7" color = "blue">Sele ct another Candidate for Viewing Report !!!</font></a></li>

    </ul>
    </fieldset>
    </p>

    [/HTML]
  • PunchBackJack
    New Member
    • Dec 2007
    • 10

    #2
    Originally posted by hello2008
    Hi all,

    I have 3 tables, all aligned one below the other and then I have this paragraph which I want to align on the right handside of the page at the top, but in spite of giving align = 'top', the paragraph and its contents seems to be appearing at the very bottom of the page after the last table.. how can I correct this? Please help.


    [HTML]
    <p valign = "top">
    <fieldset align = "top">
    <legend align = "center">
    <font color = "magenta">
    <b> Click a link! </b>
    </font>
    </legend>

    <ul>

    <li><a href = "ShowCandidates .php"><font size = "2.7" color = "blue">Sele ct another Candidate for Viewing Report !!!</font></a></li>

    </ul>
    </fieldset>
    </p>

    [/HTML]
    Depending on how it is written I would place this table after the first of the three tables with the right alignment, so that it appears after the first, and aligned to the right.

    Comment

    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434

      #3
      I assume you are saying this paragraph is not contained in any table. 'valign' can only be applied to tables and not paragraphs. To make your paragraph appear where you want, you must make room by reducing the tables width.

      This would be easier if we had the complete markup or a link. Your markup, btw, is very old style and quite out of date.

      Comment

      • hello2008
        New Member
        • Dec 2007
        • 14

        #4
        Thanks PunchBackJack and drhowarddrfine,

        I have put my fieldset and links in a table instead of a paragraph now, still the foll table aligns vertically at the bottom of the page after the rest of the tables.. instead of appearing at the righthand side at the top of the page, please help!

        [HTML]
        <table valign = 'top'>
        <tr>
        <td>

        <fieldset>
        <legend align = "center">
        <font color = "magenta">
        <b> Click a link! </b>
        </font>
        </legend>


        <ul>

        <li><a href = "ShowCandidates _for_Company.ph p"><font size = "2.7" color = "blue">Sele ct another Candidate for Viewing Report !!!</font></a></li>
        <br/>
        <li><a href="logout.ph p?log_out=1"><f ont size = "2.7" color = "blue">Logo ut </font></a></li>

        </ul>
        </fieldset>

        </td>
        </tr>
        </table>
        [/HTML]

        Comment

        • onlineaccident
          New Member
          • Jan 2008
          • 2

          #5
          hi,
          hope this code will help u.......


          [code=html]
          <div style="float:le ft; width:700px;">

          <div style=" float:left">
          <p valign = "top">

          <fieldset align = "top">

          <legend align = "center">

          <font color = "magenta">

          <b> Click a link! </b>

          </font>

          </legend>
          <ul>
          <li><a href = "ShowCandidates .php"><font size = "2.7" color = "blue">Sele ct another Candidate for Viewing Report !!!</font></a></li>
          </ul>
          </fieldset>

          </p>


          </div>
          <div style="float:ri ght">
          <table valign = 'top'>
          <tr> <td>
          <fieldset>
          <legend align = "center">
          <font color = "magenta">
          <b> Click a link! </b>
          </font>
          </legend>
          <ul>
          <li><a href = "ShowCandidates _for_Company.ph p"><font size = "2.7" color = "blue">Sele ct another Candidate for Viewing Report !!!</font></a></li>

          <br/>

          <li><a href="logout.ph p?log_out=1"><f ont size = "2.7" color = "blue">Logo ut </font></a></li>

          </ul>

          </fieldset>

          </td>

          </tr>

          </table></div>
          </div>
          [/code]

          Thank u...:-)
          Last edited by numberwhun; Jan 4 '08, 01:22 PM. Reason: add code tags

          Comment

          • hello2008
            New Member
            • Dec 2007
            • 14

            #6
            Hi there,

            Thanks for your help. My table is exactly where I wanted it now. Thanks again!
            Last edited by hello2008; Jan 4 '08, 06:03 AM. Reason: typo

            Comment

            • numberwhun
              Recognized Expert Moderator Specialist
              • May 2007
              • 3467

              #7
              Just an FYI. While I am sure the code helped the OP, it would also help the moderators immensely if you would enclose ANY and all code you post into the forums in the proper, necessary code tags.

              Regards,

              Jeff

              Comment

              Working...