Re: [css-d] Close the GAP

[Beat Beer]

why don't you attach mastheadbg.jpg as background to  

#masthead {
        background: url(../mastheadbg.jpg) no-repeat right bottom;
}

that line will disappear and it is even more semantic as this is decoration and 
not content.



Am 03.07.2012 um 15:36 schrieb Alan (Neweb Ireland):

> 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/



Freundliche Grüsse
Beat Beer

-- 

stardesign
Beat Beer
untere Kirchenzelg 5
3115 Gerzensee
Switzerland

phone: ++41 31 781 4620
fax: ++41 31 781 4720
mobile: ++41 79 325 1448
mail: i...@stardesign.ch
web: www.stardesign.ch

10 Jahre stardesign   ...einfach gutes webdesign

______________________________________________________________________
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/