PDA

View Full Version : make height of header navigation bar shorter



esjjventura
Mar 2nd, 2008, 09:24 PM
I've been trying to make the green header bar at the top of this page shorter (with the links home, ministries, directory, etc).
http://64.29.29.107/
Any ideas?

_Aerospace_Eng_
Mar 2nd, 2008, 09:51 PM
You need to adjust the #menu-bar CSS and the CSS that looks like this

#horiz-menu {
height: 56px;
}

#horiz-menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#horiz-menu li {
display: block;
float: left;
margin: 0;
padding: 0;
background: none;
}

#horiz-menu a {
white-space: nowrap;
font-family: Arial Narrow, Helvetica, sans-serif;
color: #fff;
display: block;
float: left;
height: 53px;
line-height: 53px;
font-weight: normal;
text-transform: uppercase;
padding: 0px 15px 0px 15px;
background: url(../images/menu-divider.png) 100% 0 no-repeat;
}