SitePoint Sponsor

User Tag List

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

    How to remove horizontal lines?

    I was provided with this html.
    But it seems there are horizontal lines in between the places I'm supposed to add text. Can you tell me how I can remove these horizontal lines?

    Thanks.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test 2</title>
    <style type="text/css">
    #container {
    	width: 780px;
    	margin-left: auto;
    	margin-right: auto;
    }
    #left_column {
    	border: 1px solid #999999;
    	float: left;
    	width: 230px;
    	margin-right: 20px;
    	margin-left: 20px;
    	margin-bottom: 40px;
    }
    #header_table {
    	width: 100&#37;;
    	border-collapse: collapse;
    }
    .header_top_tdl {
    	padding: 0px;
    	margin: 0px;
    	border-bottom-style: solid;
    	border-bottom-width: 5px;
    	border-bottom-color: #b7b7b7;
    	background-color: #800000;
    	width: 150px;
    	border-collapse: collapse;
    	border-right-width: 0px;
    	border-left-width: 0px;
    }
    .header_top_tdr {
    	border-bottom-style: solid;
    	border-bottom-width: 5px;
    	border-bottom-color: #b7b7b7;
    	background-color: #800000;
    	border-right-width: 0px;
    	border-left-width: 0px;
    }
    
    #right_column {
    	float: right;
    	width: 500px;
    }
    #footer {
    	margin: 20px;
    	padding: 3px;
    	clear: both;
    	font-family: Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    	background-color: #800000;
    	font-size: 14px;
    }
    
    .white_text {
    	background-color: #800000;
    	color: #FFFFFF;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 16px;
    	font-weight: bold;
    }
    
    .form_row {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    }
    
    .link_p {
    	margin-left: 20px;
    	vertical-align: middle;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 16px;
    }
    
    .link_p img {
    	vertical-align: middle;
    	margin-right: 20px;
    }
    .link_p a {
    	text-decoration: none;
    	color: #000000;
    }
    .link_p a:hover {
    	color: #009933;
    }
    
    </style>
    </head>
    
    <body>
    <div id="container">
    
    <div id="header">
    
    <table id="header_table">
    	<tr>
    		<td class="header_top_tdl">&nbsp;</td>
    		<td class="header_top_tdr">&nbsp;</td>
    	</tr>
    	<tr>
    		<td>&nbsp;</td>
    		<td>&nbsp;</td>
    	</tr>
    	<tr>
    		<td>&nbsp;</td>
    		<td>&nbsp;</td>
    	</tr>
    </table>
    
    </div>
    
    <div id="content">
    <div id="left_column">
    	<table >
    		<tr>
    			<td colspan="2">&nbsp;
    			</td>
    		</tr>
    		
    		<tr>
    			<td class="white_text"colspan="2">&nbsp;
    			Login Here</td>
    		</tr>
    		<tr>
    			<td colspan="2">&nbsp;
    			</td>
    		</tr>
    		<form action="/smusermanager/members/default.asp?action=login" method="post" 
    		name="login" language="JAVASCRIPT" onsubmit="return Validate();">
    		<input name="todo" value="login" type="hidden"/><input name="url"
    		value="/smusermanager/members/default.asp" type="hidden"/>
    		
    		<tr class="form_row">
    			<td>Email Address</td>
    			<td>&nbsp;<input class="fieldbox" size="20" maxlength="50" name="members_username" type="text"/></td>
    		</tr>
    		<tr class="form_row">
    			<td>Password</td>
    			<td>&nbsp;<input class="fieldbox" size="20" maxlength="50" name="members_password" type="password"/></td>
    		</tr>
    		<tr class="form_row">
    			<td>&nbsp;</td>
    			<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 
    			<input class="fieldbox" value="Login" id="submit2" name="submit2" type="submit"/></td>
    		</tr>
    		
    		</form>
    		<tr>
    			<td colspan="2" >
    			<p class="link_p">&nbsp;</p>
    			<p class="link_p">
    			<img alt="Image" src="images/Hphone.gif" width="51" height="44"/>
    			<a href="http://www.s.com/test1.html?action=login">Home</a></p>
    			<p class="link_p">
    			<img alt="Image" src="images/hphone1.gif" width="51" height="39" />
    			<a href="http://www.s.com/test1.html?action=register">Register</a></p>
    			<p class="link_p">
    			<img alt="Image" src="images/hphone2.gif" width="44" height="42" />
    			<a href="http://www.s.com/test1.html?action=forgotusername">FAQ</a></p>
    			<p class="link_p">
    			<img alt="" src="test1_files/hphone3.gif" width="49" height="38" />
    			<a href="http://www.s.com/test1.html?action=forgotusername">Terms Of Use</a></p>
    			<p class="link_p">
    			<img alt="" src="test1_files/hphone4.gif" width="42" height="38" />
    			<a href="http://www.s.com/test1.html?action=forgotusername">Contact Us</a></p>
    			<p class="link_p">
    			<img alt="" src="test1_files/hphone5.gif" width="33" height="41" />
    			<a href="http://www.s.com/test1.html?action=forgotpass">Forgot Password</a></p>
    			<p>&nbsp;</p>
    			</td>
    		</tr>
    		<tr>
    			<td colspan="2">&nbsp;
    			</td>
    		</tr>
    	</table>
    </div><!-- end of left column -->
    
    <div id="right_column">
    <p>Format some text here</p>
    <hr />
    <p>Format some more text here</p>
    <hr />
    <table style="width: 100%">
    	<tr>
    		<td><img alt="" src="images/sight1.gif" width="33" height="41" style="vertical-align:middle"/>&nbsp; 
    		And some text here</td>
    		<td><img alt="" src="images/sound1.gif" width="32" height="38" style="vertical-align:middle" />&nbsp;&nbsp; 
    		And some text here</td>
    	</tr>
    </table>
    <hr />
    <p>Etc.</p>
    <hr />
    <p>Etc.</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </div><!-- end of right column -->
    
    </div><!-- end of content -->
    
    <div id="footer">
    
    <table style="width: 100%">
    	<tr>
    		<td>*Copyright 2007 . All Rights Reserved.</td>
    		<td style="text-align:right">Email :&nbsp;&nbsp;&nbsp; <a href="mailto:"></a></td>
    	</tr>
    </table>
    
    </div>
    
    </div><!-- end of container -->
    
    </body>
    </html>
    Last edited by alex111; Nov 29, 2007 at 13:18.

  2. #2
    SitePoint Wizard chris_fuel's Avatar
    Join Date
    May 2006
    Location
    Ventura, CA
    Posts
    2,750
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The "Horizontal Lines" I think you're referencing to are the borders defined such as:

    Code:
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #b7b7b7;
    Removal of these should take care of it.

  3. #3
    Non-Member
    Join Date
    Apr 2007
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I don't think so...

    I checked those and they have to do with the header, not with under the text areas, I believe. So I don't think you're correct.

    Can anyone else help me? thanks.

  4. #4
    SitePoint Wizard chris_fuel's Avatar
    Join Date
    May 2006
    Location
    Ventura, CA
    Posts
    2,750
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Gah, totally missed the hr's. Oh well, can't win them all (or any for that matter :P). removal of the "<hr />" tags will remove the horizontal lines. Sorry again for not noticing that.

  5. #5
    Non-Member
    Join Date
    Apr 2007
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    thanks

    thanks thanks


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
  •