alignment

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Shawn Northrop
    New Member
    • Jan 2007
    • 67

    alignment

    I have some content i want to align on the right side of a box that is centered and 1000px wide. I create an id named loginmenu and make it the width of the screen
    #loginmenu{
    z-index : 3;
    position : absolute;
    top: 190px;
    width:100%;
    color : #000033;
    font-family:tahoma;
    font-weight:bold;
    font-variant:small-caps;
    }

    Then i create a sub style and make the width 1000px; that way it is centered over the background image. I use text-align:right;

    #loginmenu p{
    width : 1000px;
    text-align:right;
    }

    I then create a div

    <div id="loginmenu"> <p> LOTS OF CODE....</p></div>

    This menu that appears is not aligned to the right. However if i put text-align:right; in the first css definition it pushes the whole 1000px box to the right with the text centered inside that.... I believe....

    Can someone help please?
    Im also having a similar issue with a table inside a div ill get to that later.

    The site is www.players-vintage.com if interested
  • Shawn Northrop
    New Member
    • Jan 2007
    • 67

    #2
    Ok so ive determined my problem lies in the fact that i am using tables

    <div id=login><p>
    <form method="post" action="login.p hp">
    Email: <input type="text" name="email" size="30" maxlength="40"> <br><br>
    Password: <input type="password" name="password" size="30" maxlength="20"> <br><br>
    <input type="submit" value="Login" id="login">
    <a href="scripts/load_newaccount .php" class="box1">Si gn Up</a>
    </form>
    </p>
    </div>

    This ends up creating 1 div on top, the form underneath, and then another div below

    Comment

    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434

      #3
      Don't know what you are trying to say with your last post. I assume you are still having problems.

      First, your doctype is incorrect and puts you into quirks mode. See the sticky at the top of this board.

      Second, while you seem to want to declare html, you are using Xhtml end tags; the />. Remove the slash.

      Third, validate your html for a short list of errors there.

      Comment

      Working...