On 26.7.2010 2:07, Alex Mitchell wrote: > On Sat, Jul 24, 2010 at 9:03 AM, Ville Viklund > <ville.vikl...@gmail.com <mailto: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 <mailto:alex.mitch...@gumware.com> > > Thank you, this solve the problem.
Ville ______________________________________________________________________ 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/