...

View Full Version : Table Data Height



kenshn111
05-08-2011, 01:36 AM
Okay, I'm really sorry if the Thread Name is different from what I'm going to talk about. :/
Here's the css:

a {
font-size:12px;
color:#e9e9e9;
}
a:hover{
color: #707172;
text-shadow: #232323 1px 1px;
}
body {
font-family:Tahoma;
font-size:11px;
color: #FFF;
margin-left:20%;
margin-right:20%;
background-color: #2f2f2f;
padding-top:15px;
overflow-x:auto;
overflow-y:auto;
}
#wrapper
{
background-color:#171616;
width:762px;
height:100%;

-moz-border-radius: 7px;
border-radius: 7px;
padding:10px;
}
label {
}
#users
{
text-align:center;
height:auto;
margin-right:2%;
padding:0px;
border-color:#050505;
background-color:#050505;
border-style:solid;
border-width:5px;
-moz-border-radius:7px;
border-radius:7px;

}
#users img{
margin:5px;
padding:0px;
border-style:solid;
border-width:2px;
border-color:#848484;
}
wel {
font-size:60px;
color:#e9e9e9;
text-shadow:#686868 -1px -1px;
padding:20px;
vertical-align:middle;
z-index:50;
}
h2 {
font-size:35px;
color:#e9e9e9;
text-shadow:#686868 -1px -1px;
font-weight:none;
}
#wrapper login {
display:inline;
float:right;
z-index:100;
}
name {
font-size:60px;
color:#e9e9e9;
text-shadow:#686868 -1px -1px;
vertical-align:middle;
}
#login
{
background-color:#262626;
border-color:#262626;
border-style:solid;
border-width:5px;
-moz-border-radius:7px;
border-radius:7px;
text-align:top;
}
input[type=text], input[type=password], input[type=file], textarea {
font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
font-size: 8pt;
color: #353535;
border: 1px solid #7d7d7d;
outline-width: 0;
}
input[type=image] {
margin-top:0px;
}
label:hover {
cursor: pointer;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover {
color: #353535;
background-color: #cccccc;
border: 1px solid #a6a6a6;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus{
background-image:url('in_bg.png');
color: #8e8e8e;
background-color: #e5e5e5;
border: 1px solid #a6a6a6;
}
#footer
{
margin-top:10px;
text-align:center;
}
Here's the code: index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>hi</title>
<link rel="stylesheet" href="style/css.css " type="text/css" media="screen" title="" charset="utf-8" />
</head>
<body>
<name>Welcome!</name>
<div id="wrapper">
<table width="100%;" height="100%;"><tr><td width="25%" height="100%"><form name="login" style="vertical-align:middle;" method="post" action="login.php">
<label style="float:left;">Username</label><br>
<input type="text" name="username" style="margin-top:1px;width:182px;height:15px;border-style:solid;border-width:0px;border-color:#403c3c;">
<br><label style="float:left;">Password</label><br>
<input type="password" name="password" style="margin-top:1px;width:182px;height:15px;border-style:solid;border-width:0px;border-color:#403c3c;">
<br>
<div align="right" style="float:left; margin-top:1px; vertical-align:middle; display:inline;">
<a href="index2.php">Create an account!</a> </div><div style="float:right; margin-right:2px; vertical-align:middle;"><input type="submit" name="submit" value="Log In"/></div>
</form><br><br>
<center><strong><label>Recently registered:</label></strong></center>
<div style="height:5px;"></div>
<div id="users">
<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?s=70">
<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?s=70">
<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?s=70">
<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?s=70">
<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?s=70">
<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?s=70">
<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?s=70">
<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?s=70">
</div></td>

<td align="right" id="login" width="75%" height="10%">
<h2>Registration</h2>
<form id='register' action='register.php' method='post'
accept-charset='UTF-8'>
<fieldset >
<legend>Register</legend>
<input type='hidden' name='submitted' id='submitted' value='1'/>
<label for='name' >Your Full Name*: </label>
<input type='text' name='name' id='name' maxlength="50" />
<label for='email' >Email Address*:</label>
<input type='text' name='email' id='email' maxlength="50" />

<label for='username' >UserName*:</label>
<input type='text' name='username' id='username' maxlength="50" />

<label for='password' >Password*:</label>
<input type='password' name='password' id='password' maxlength="50" />
<input type='submit' name='Submit' value='Submit' />

</fieldset>
</form>
</td>
</div></tr>
</table>

</div>
<div id="footer">
Design and Theme by <strong>kenshn111</strong>
</div>
</body>
</html>

The output code above is this:
http://i.imgur.com/RazCb.png

but I want it to be like this:
http://i.imgur.com/w4K57.png

Anyone knows how not to make the contents inside the 'right <td>' go down to the center when the 'left <td>'s height increases?

Thanks a lot.

kenshn111
05-08-2011, 04:22 AM
Never mind this thread, and sorry for double posting. Got it fixed with valign="top". It's in the code but I didn't notice that ' " ' is misisng. Lol.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum