Hi,
I'm having problems closing the gap on the nav menu for the following site.
http://newebirl.ie/mnsite/
I'd like the green bar (nav) to be flush with the image above it and the
gray box under it so you don't see any white space.
Here is the CSS I'm using:
CSS:
#masthead {width: 950px; margin: 0 auto 0 auto; background: transparent;
clear:both;}
.logo {float: left; margin: 10px 0 0 2px; width: 310px; }
.logo img {border: 0; }
.mastheadimg { border-top: 5px solid #056839; margin: 0px; padding: 0px;}
.slogan { position:relative; float: right; width: 300px; height: 40px;
clear: right; margin: 30px 10px 0 0; color: #CCC; text-align: right;}
.social { position:relative; float: right; width: 300px; height: 40px;
clear: right; text-align: right;}
/* Menu master nav Settings */
#mainNav{display: block;width: 950px;margin: 0 auto 0 auto; background:
url(images/menubar.png) repeat-x top left;}
#mainNav ul { margin: 5px 0 5px 0; padding: 5px 0 5px 10px;}
#mainNav li {display: inline; list-style:none; padding: 0 20px 0 0;}
#mainNav li a {color: #fff; text-decoration: none; font-weight: bold;}
#mainNaV li a:hover {text-decoration: underline;}
This is the page code:
<div id="masthead">
<div class="logo"><a href="<?php echo get_option('home'); ?>"><img
src="http://newebirl.ie/wp-content/themes/cthemeMN/images/mnlogo.png"
alt="thevickerys"></a></div>
<div class="slogan"><?php bloginfo( 'description' ); ?></div>
<div class="mastheadimg"><img
src="http://newebirl.ie/wp-content/themes/cthemeMN/images/mastheadbg.jpg" alt="Mediation
Now"/></div>
</div>
<!-- Master Nav Area -->
<div id="mainNav"><?php wp_nav_menu( $args ); ?></div>
I just can't get that gap closed !!!
Anyone got any ideas?
Alan
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/