No replies
bobcornelis
bobcornelis's picture
Offline
newbie
Sebastopol, CA
Last seen: 12 years 34 weeks ago
Sebastopol, CA
Timezone: GMT-7
Joined: 2010-06-05
Posts: 1
Points: 2

I have a header containing a logo jpeg (which defines the height of the header) followed by an unordered list of 3 items that will serve as a horizontal navigation menu. The UL items sit along the bottom of the containing banner. I can't seem to figure out a way to have the UL items have some space between them and the bottom of the header. Here is my code and css:

.container .header li {
	display: inline;
	margin-left: 20px;
}
.container .header .topnav li .topNavFirst {
	margin-left: 130px;
}
.container .header li a {
	font-size: 12px;
	text-decoration: none;
	color: #333;
}
 
<div class="container">
  <div class="header"><!-- end .header -->
    <ul class="topnav">
    <li><img src="images/general/DaveChampionLogo_neutral.jpg" alt="daveChampionLogo" width="360" height="90" hspace="20" /></li>
    <li><a href="#" class="topNavFirst">About</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contact</a>    </li>
    </ul>
  </div>