positioning

Discussion in 'HTML' started by mcnewsxp, Dec 20, 2010.

  1. mcnewsxp

    mcnewsxp Guest

    i have this html:
    <div style="width:90%; background-color:#eeeeee;">
    <form action="adminduporerr.asp" method="post" id="Form2"
    name="form3">
    <strong>A. Reports Needing Follow-up:</strong>
    <input type="submit" value="Duplicate Reports" name="Duplicate
    Reports" id="Submit1">
    </form>
    <form action="adminincorrectrec.asp" method ="post" id="Form5"
    name="form3">
    <input type="submit" value="Reporting Errors" name="Incorect
    Reports" id="Submit2">
    </form>
    </div>

    i would like the text aligned left, button 1 in the middle and button
    2 aligned right (but not hard right). how can i position these items
    without using a table?

    A. Reports Needing Follow-up | Button1
    | Button2 | <- page edge

    tia,
    mcnewsxp
     
    mcnewsxp, Dec 20, 2010
    #1
    1. Advertising

  2. mcnewsxp

    Gus Richter Guest

    On 12/20/2010 9:24 AM, mcnewsxp wrote:
    > i have this html:
    > <div style="width:90%; background-color:#eeeeee;">
    > <form action="adminduporerr.asp" method="post" id="Form2"
    > name="form3">
    > <strong>A. Reports Needing Follow-up:</strong>
    > <input type="submit" value="Duplicate Reports" name="Duplicate
    > Reports" id="Submit1">
    > </form>
    > <form action="adminincorrectrec.asp" method ="post" id="Form5"
    > name="form3">
    > <input type="submit" value="Reporting Errors" name="Incorect
    > Reports" id="Submit2">
    > </form>
    > </div>
    >
    > i would like the text aligned left, button 1 in the middle and button
    > 2 aligned right (but not hard right). how can i position these items
    > without using a table?
    >
    > A. Reports Needing Follow-up | Button1
    > | Button2 |<- page edge
    >
    > tia,
    > mcnewsxp



    <!DOCTYPE html>
    <html>
    <head>
    <title>Position Form elements in html5</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    <style type="text/css">
    ..RNF {float:left;}
    #Submit1 {display:block;margin-left:auto;margin-right:auto;}
    #Submit2 {display:inline-block;margin-left:5%;}
    </style>
    </head>
    <body>
    <div style="width:90%; background-color:#eeeeee;">
    <form action="adminduporerr.asp" method="post" id="Form2" name="form3">
    <div class="RNF">
    <strong>A. Reports Needing Follow-up:</strong>
    </div>
    <input type="submit" value="Duplicate Reports" name="Duplicate
    Reports" id="Submit1">
    </form>
    <form action="adminincorrectrec.asp" method ="post" id="Form5"
    name="form3">
    <input type="submit" value="Reporting Errors" name="Incorect
    Reports" id="Submit2">
    </form>
    </div>
    </body>
    </html>
     
    Gus Richter, Dec 20, 2010
    #2
    1. Advertising

  3. mcnewsxp

    mcnewsxp Guest

    "Gus Richter" <> wrote in message
    news:ieo5f0$mq$-september.org...
    > On 12/20/2010 9:24 AM, mcnewsxp wrote:
    >> i have this html:
    >> <div style="width:90%; background-color:#eeeeee;">
    >> <form action="adminduporerr.asp" method="post" id="Form2"
    >> name="form3">
    >> <strong>A. Reports Needing Follow-up:</strong>
    >> <input type="submit" value="Duplicate Reports" name="Duplicate
    >> Reports" id="Submit1">
    >> </form>
    >> <form action="adminincorrectrec.asp" method ="post" id="Form5"
    >> name="form3">
    >> <input type="submit" value="Reporting Errors" name="Incorect
    >> Reports" id="Submit2">
    >> </form>
    >> </div>
    >>
    >> i would like the text aligned left, button 1 in the middle and button
    >> 2 aligned right (but not hard right). how can i position these items
    >> without using a table?
    >>
    >> A. Reports Needing Follow-up | Button1
    >> | Button2 |<- page edge
    >>
    >> tia,
    >> mcnewsxp

    >
    >
    > <!DOCTYPE html>
    > <html>
    > <head>
    > <title>Position Form elements in html5</title>
    > <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    > <style type="text/css">
    > .RNF {float:left;}
    > #Submit1 {display:block;margin-left:auto;margin-right:auto;}
    > #Submit2 {display:inline-block;margin-left:5%;}
    > </style>
    > </head>
    > <body>
    > <div style="width:90%; background-color:#eeeeee;">
    > <form action="adminduporerr.asp" method="post" id="Form2" name="form3">
    > <div class="RNF">
    > <strong>A. Reports Needing Follow-up:</strong>
    > </div>
    > <input type="submit" value="Duplicate Reports" name="Duplicate
    > Reports" id="Submit1">
    > </form>
    > <form action="adminincorrectrec.asp" method ="post" id="Form5"
    > name="form3">
    > <input type="submit" value="Reporting Errors" name="Incorect
    > Reports" id="Submit2">
    > </form>
    > </div>
    > </body>
    > </html>
    >
    >

    nice!
    thanks.
     
    mcnewsxp, Dec 20, 2010
    #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. Peter J. Hunter

    Positioning in dropdownlists

    Peter J. Hunter, Jan 14, 2004, in forum: ASP .Net
    Replies:
    0
    Views:
    530
    Peter J. Hunter
    Jan 14, 2004
  2. Harry
    Replies:
    1
    Views:
    1,693
    Natty Gur
    Jun 25, 2003
  3. John
    Replies:
    0
    Views:
    348
  4. Guest
    Replies:
    1
    Views:
    377
    Tommy
    Nov 27, 2003
  5. Bill Zack
    Replies:
    3
    Views:
    430
    Bill Zack
    Dec 5, 2003
Loading...

Share This Page