By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,723 Members | 1,662 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,723 IT Pros & Developers. It's quick & easy.

alignment

P: 67
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
Apr 19 '07 #1
Share this Question
Share on Google+
2 Replies


P: 67
Ok so ive determined my problem lies in the fact that i am using tables

<div id=login><p>
<form method="post" action="login.php">
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">Sign Up</a>
</form>
</p>
</div>

This ends up creating 1 div on top, the form underneath, and then another div below
Apr 20 '07 #2

drhowarddrfine
Expert 5K+
P: 7,435
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.
Apr 20 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.