SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    Non-Member
    Join Date
    Apr 2007
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Changing the position of the log-in?

    I have a log-in box on this page. How can I change the login from a box on the right-hand side of my page, to a login that will be in a horizontal line that runs horizontally below the header image? and with keeping it's functionality intact. Thanks, here the page code:


    Code:
    <link href="../style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style><table width="770" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF"
    style="border-right: solid 1px #6b6b6b";>
    	<tr>
    		<td width="174" align="left"valign="top" bgcolor="#A30100">
    		<a href="index.php"><font color="white"><strong>&nbsp;&nbsp;Home</strong></font></a><br />
    		<A href='index.php?command=signup_page'><font color="white"><strong>&nbsp;&nbsp;Signup</strong></font></A>
    		<br />
    		[member_menu]&nbsp;</td>
    		<td width="420" valign="top">&nbsp;&nbsp;&nbsp;[main_content]&nbsp; </td>
    		
    		<td width="174" valign="top" bgcolor="#FFFFFF" align="right">
    			<TABLE width="174" style='border:1px solid gray' cellpadding="0" cellspacing="0" >
    			<form method="POST" action="index.php">
    		<input class='field' type='hidden' name='command' value='account'>
    		<input class='field' type='hidden' name='param' value='login'>
    				<tr><td colspan='2' style='background-color:gray;color:white;font-size:14;font-weight:bold'>&nbsp;Login</td></td>
    				<TR height='5px'><td height='5px'>&nbsp;</td></TR>
    				<tr>
    					<td style='font-size:14px' class='fieldLabel'>Username</td>
    					<td><input style='height:17px' class='field' type='text' size='12' maxlength="30" name='user_name' value='[user_name]'>&nbsp;	
    					</td>	
    				</tr>
    				<tr>
    					<td style='font-size:14px'  class='fieldLabel'>&nbsp;Password&nbsp;</td>
    					<td><input style='height:17px' class='field' type='password' size='12' maxlength="30" name='password' >&nbsp;
    					</td>
    				</tr>
    				<TR height='5px' > 
    					<td colspan='2' class='errorMessage' align="center">&nbsp;
    						<SPAN style='font-size:11px'>[login_message]</SPAN></td>
    				</TR>
    				<tr><td colspan="2" align="center"  class='hLine'><A href='index.php?command=send_pass'>
    					<SPAN style='font-size:11px;'>forgot password?</SPAN></A><br />
    					<center><input class='button' type='submit' value='Login'></center>
    					
    	
    					</td>
    				</tr>
    				
    			  </form>
    			</TABLE>
    		
    	</tr>
    </table>

  2. #2
    SitePoint Evangelist BJ Duncan's Avatar
    Join Date
    Jun 2007
    Location
    North Richmond
    Posts
    495
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The functionality of the login will remain regardless of where you put it as long as you maintain the <form method="POST" action="index.php">.The 'action' will keep it's functionality. In relation to the positioning, I would highly recommend you purchase The Art and Science of CSS. This is priceless and worth every penny to web design and will open your eyes to a whole new world of web design.


Bookmarks

Posting Permissions

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