On Sat, Jul 24, 2010 at 9:03 AM, Ville Viklund <ville.vikl...@gmail.com>wrote:
> Hi, > > I am having a problem with sliding doors menu; right side image is going > over the left side image. I have tried various tutorials, but without > any luck. The problem occurs in all browsers. > > Example can be seen here http://turbolihis.kapsi.fi/projects/green/ > > <ul class="menu"> > <li class="active"><a href="#">home </a></li> > <li><a href="#">about us</a></li> > <li><a href="#">services</a></li> > <li><a href="#">portfolio</a></li> > <li><a href="#">contact</a></li> > </ul> > > .menu li{ > background: url(../images/layout/menubg_right.png) no-repeat right top; > float: left; > margin: 0 0 0 10px; > } > .menu li a{ > background: url(../images/layout/menubg_left.png) no-repeat left top; > color: #fff; > display: block; > line-height: 35px; > padding:0 10px; > text-decoration: none; > } > > > Thanks for your help, > > Ville > The problem is simply that your image (menubg_left.png) is transparent behid it, so you can see the edge of the other image (menubg_right.png). All I can suggest is that you play in photoshop and match the gradient on the header_bg.png image with the menubg_left.png so that theres no transparency. Best, Alex Mitchell alex.mitch...@gumware.com ______________________________________________________________________ > css-discuss [cs...@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/ > ______________________________________________________________________ css-discuss [cs...@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/
