Jump to content

Don't know what to do...


Guest ricktg

Recommended Posts

Guest ricktg

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...