Re: [css-d] Sliding doors menu problem

2010-07-26 Thread Ville Viklund 
  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=activea href=#home /a/li
 lia href=#about us/a/li
 lia href=#services/a/li
 lia href=#portfolio/a/li
 lia 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/

Re: [css-d] Sliding doors menu problem

2010-07-25 Thread Alex Mitchell 
On Sat, Jul 24, 2010 at 9:03 AM, Ville Viklund ville.vikl...@gmail.comwrote:

  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=activea href=#home /a/li
 lia href=#about us/a/li
 lia href=#services/a/li
 lia href=#portfolio/a/li
 lia 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/

[css-d] Sliding doors menu problem

2010-07-24 Thread Ville Viklund 
  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=activea href=#home /a/li
lia href=#about us/a/li
lia href=#services/a/li
lia href=#portfolio/a/li
lia 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
__
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/