Guest ricktg Posted March 24, 2006 Share Posted March 24, 2006 Hey all,Take a look at the LOGIN box on my site.. HERE.I dont know what to do anymore.. it always stays this way..CSS: #loginContainer{ padding: 0px; margin: 0px 0px 0px 10px; font-family: Arial, Verdana; font-size: 12px; color: #3B3B3B; text-align: center; width: 168px; height: 80px; background:#F5F5F5; position: relative; top: 10px;}#formTxt { font-family: Arial; font-size: 10px; border-style: solid; border-color:#000000; border-width: 1px;}#containerLogin { margin: 0px 0px 0px 15px; padding: 0px; width: 188px; height: 100px; background: #F5F5F5; border-right-color: #B1BEBE; border-right-style: solid; border-right-width: 1px; border-bottom-color: #B1BEBE; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #B1BEBE; border-left-style: solid; border-left-width: 1px;} XHTML: <div id="containerLogin" > <div id="loginContainer"> <p> Login:<br /><input type="text" name="login" size="15" id="formTxt" /> </p> </div> </div> Thanks in advance.Rick Link to comment Share on other sites More sharing options...
reportingsjr Posted March 24, 2006 Share Posted March 24, 2006 It might be because of the line height.. Also the two font sizes are different in #containerLogin and #loginContainer,you put those two nested inside of each other. Link to comment Share on other sites More sharing options...
carinemaz Posted March 25, 2006 Share Posted March 25, 2006 Hi,For starters, you need to use the form tag : <form> Login:<input type="text" name="login" size="15" id="formTxt" /> </form>Don't use the <br /> to send your box down... just reduce the size of your #loginContainer : width: 80px;that will send your box to the line...Does that solve your problem?A good way to create a form is to use a list... <form><ul><li>Login:<input type="text" name="login" size="15" id="formTxt" /></li><li>Password: <input type="password" name="password" size="10" /></li><li><input type="submit" value="Submit" /></li> </ul></form> And then set the properties for your list with css... Link to comment Share on other sites More sharing options...
thundercade64 Posted March 25, 2006 Share Posted March 25, 2006 ricktg,Sorry to post a question to you rather than an answer, but how to you acheive the shadow effect around the main area of your site. I see that a lot on the web (obviously) and I can't figure it out. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now