Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    May 2010
    Posts
    79
    Thanks
    15
    Thanked 2 Times in 2 Posts

    Table Data Height

    Okay, I'm really sorry if the Thread Name is different from what I'm going to talk about. :/
    Here's the css:
    Code:
    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
    PHP Code:
    <!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.

  • #2
    New Coder
    Join Date
    May 2010
    Posts
    79
    Thanks
    15
    Thanked 2 Times in 2 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •