left-menu space

[brown2005]

http://www.fantasy-comps.com/index/index.php?page=account&action=register

 

Hi i have a menu on the left of this page, where it says

 

login

register

 

and if you notice there is a gap between them, that I am trying to get rid of, please can anybody help.

 

the codes are:

 

	#content-left h2.show 
	{

		text-indent: 0;
		height: 15px;
		background: #ccc;
		display: block;
		margin: 0px;
		color: #333;
		font-weight: normal;
		padding: 3px 5px 3px 10px;

	}	

	#content-left ul
	{


	}

	#content-left ul li
	{


	}

	#content-left ul li a:link
	{

		display: block;

		width: 144px;			
		height: 12px;

		padding: 3px;

		background-color: #ffffff;

		font-size: 10px;			
		font-weight: normal;

		color: #730101;			

		text-decoration: none;	

	}

	#content-left ul li a:visited
	{

		display: block;

		width: 144px;			
		height: 12px;

		padding: 3px;

		background-color: #ffffff;

		font-size: 10px;			
		font-weight: normal;

		color: #730101;			

		text-decoration: none;	

	}

	#content-left ul li a:hover
	{

		display: block;

		width: 144px;			
		height: 12px;

		padding: 3px;

		background-color: #FFFF00;

		font-size: 10px;			
		font-weight: normal;

		color: #730101;

		text-decoration: none;							

	}

 

echo"	<h2 class='show'> </h2>

		<ul>";

			if($page == "account")
			{
		  
				echo"<li><a href='index.php?page=account&action=login'>WHEN THEY WERE YOUNG?</a></li>"; 
				echo"<li><a href='index.php?page=account&action=register'>WHERE ARE THEY NOW?</a></li>"; 
								  
			}			

echo"	</ul>";

[SuperBlue]

What you need on your list items, may be something along the lines of the below css.

 

.TheListingOfLinks {
          /* 
          This is used as a class on the ol/ul lists.
          */
  list-style-type: none;
  margin: 0;           /* Eliminates Gap's */
  padding: 0;         /* Eliminates Gap's */
}
a.MessageMlinks:link {
          /* 
          Used as a class on the links... Links in the left menu.
          */
  display: block;
  text-indent: 0.5em;
  height: 1em;
}
a.MessageMlinks:visited {
  display: block;
  text-indent: 0.5em;
  height: 1em;
}
a.MessageMlinks:active {
  display: block;
  text-indent: 0.5em;
  font-weight: bold;
  height: 1em;
}
a.MessageMlinks:hover {
  display: block;
  text-indent: 0.5em;
  font-weight: bold;
  height: 1em;
}