0

need help with tables i am trying to place a border at the bottom o f the page like the top but without the writing i need some assistance.
this is what i have got.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Generation Changers Production Company</title>
		
		<style type = "text/css">
			h1 { background-color: #FFD700; 
							text-align: center;
							height: 100px;
							color: black;
							font-size: 37px;
							font-family: impact;
							margin-top:20px;
							margin-bottom:0px;
							margin-left:0px; 
							margin-right:0px; 
							border-top-width:2px;}
			h2 { background-color: #FF69B4; 
							text-align: center;
							font-family: Arial, Helvetica, sans-serif;
							height: 70px;
							color: black; 
							font-size: 26px;
							margin-top:0px; 
							margin-bottom:0px; 
							margin-left:0px; 
							margin-right:0px;}
			div {background-color: #FF8C00;
				margin-bottom: .9em;
				font-family: Arial, Helvetica, sans-serif;}
				
			ul{
			list-style-type:none; 
			}
			li{
			display:inline;
			}
			a{
			float:center;
			width:180px;
			text-decoration:none;
			color:white;
			font-weight:bold;
			background:#0000CD;
			border-right:1px solid #FFFFFF;
			}
			a:hover{
			background:#87CEFA;
			}
			
			footer{ background-color: #FF69B4; 
							height: 70px;
							margin-top:0px; 
							margin-bottom:0px; 
							margin-left:0px; 
							margin-right:0px;
							}
			
				
			
							
	</style>
	</head>
	<body bgcolor= #FAEBD7>
		<h1><img src="http://www.GenerationChangersProductionCompany/index.html/Libraries/Documents/web dev pics/genlogo.jpg" width="92" height="92" alt= "Generation Changeers Production Company" />Genration Changers Production Company</h1>
		<h2> scripture comes here<br /><ul>
		<li><a href= "HOME.html"> Home</a></li>
		<li><a href= "ABOUTUS.html">About Us</a></li>
		<li><a href= "IMAGES.html">Images</a></li>
		<li><a href= "PARTNERS.html">Partners</a></li>
		<th><a href= "CONTACT.html">Contact</a></th>
		</ul>
		
		
	
		
		
		
	</body>
</html>
2
Contributors
1
Reply
2
Views
6 Years
Discussion Span
Last Post by MJ Pieterse
0

if i actually understand correctly what it is that you are saying (that you want a border at the bottom of your navigation) then you just need to add the border class to your ul

ul{
  list-style-type:none; 
  border-bottom:2px solid #000000;
}
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.