Adding a vertical line to the right side of my web page?

Discussion in 'PHP' started by chrisj, Aug 9, 2007.

  1. #1
    I'm working with a script for my website. I want to add a solid vertical line down the right side of my main page, from header to footer. Can somoen tell me how/where I can add what code to accomplish this? Thanks.

    Here is the main_page code:

    <link href="../style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    a:link {
    	text-decoration: none;
    }
    a:visited {
    	text-decoration: none;
    }
    a:hover {
    	text-decoration: none;
    }
    a:active {
    	text-decoration: none;
    }
    -->
    </style><table width="770" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
    	<tr>
    		<td width="174" align="left"valign="top" bgcolor="#A30100">
    		<br /><a href="index.php"><font color="white"><strong>&nbsp;&nbsp;Home</strong></font></a><br /><br />
    		<A href='index.php?command=signup_page'><font color="white"><strong>&nbsp;&nbsp;Signup</strong></font></A>
    		<br /><br />
    		[member_menu]&nbsp;</td>
    		<td width="420" valign="top">[main_content]&nbsp;</td>
    		
    		<td width="174" valign="top" bgcolor="#FFFFFF" align="right">
    			
    
    
    
    <TABLE width="174" style='border:1px solid color:#A30100' cellpadding="4" cellspacing="1" >
    			<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:#A30100;color:white;font-size:12;font-weight:bold'>&nbsp;Login</td></td>
    
    				<TR height='4px'><td height='4px'></td></TR>
    				<tr>
    					<td style='font-size:12px' class='fieldLabel'>&nbsp;Email &nbsp;Address</td>
    					<td><input style='height:20px' class='field' type='text' size='12' maxlength="30" name='user_name' value='[user_name]'></td>	
    				</tr>
    				<tr>
    					<td style='font-size:12px'  class='fieldLabel'>&nbsp;Password&nbsp;</td>
    					<td><input style='height:20px' class='field' type='password' size='12' maxlength="30" name='password' >
    					</td></tr>
    				<TR height='1px' > 
    					<td colspan='2' class='errorMessage' align="center"><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>&nbsp;<br />
    					<center><input class='button' type='submit' value='Login'></center>
    					
    	
    					</td>
    				</tr>
    				
    			  </form>
    			</TABLE>
    <!--- Begin Text Under Logon Box  ----->
    
    		<br />  
    		
    <!--- End Text Under Logon Box  ----->
    		
    	</tr>
    </table>
    
    Code (markup):

     
    chrisj, Aug 9, 2007 IP
  2. rickdev

    rickdev Peon

    Messages:
    53
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Add a <div> around your main content and add a style to that div to create the right side border.
     
    rickdev, Aug 9, 2007 IP
  3. chrisj

    chrisj Well-Known Member

    Messages:
    606
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #3
    Thanks.

    Could be more specific?
    like this: <div>border-right:1px solid #FFFFFF;</div> ?
     
    chrisj, Aug 9, 2007 IP