Home › Forums › CSS › Navigation .. borders? sorta.. css help › Re: Navigation .. borders? sorta.. css help
June 18, 2010 at 4:44 pm
#78210
nickbunyun
Member
sorry i meant gradient (color fades from light green to dark green)
[img]http://www.outbackphoto.com/workflow/wf_74/gradient.jpg[/img]
^ simple gradient example..
well, this is right now
Code:
#nav a{
height:38px;
display:block;
padding-right:15px;
padding-left:15px;
color:white;
font-family:verdana;
font-size: 11px;
font-weight:bold;
text-decoration:none;
}
#nav a:hover {
background-image:url(‘images/nav_hover.png’);
}
height:38px;
display:block;
padding-right:15px;
padding-left:15px;
color:white;
font-family:verdana;
font-size: 11px;
font-weight:bold;
text-decoration:none;
}
#nav a:hover {
background-image:url(‘images/nav_hover.png’);
}
and i did do the border left and border right before, but its does not look as good.
I start with
[light color on top]
[fades]
[dark color on bottom]
if i use a lighter green.. its too light for the bottom… but good on top
if i use a dark green its too dark for the top, but good on bottom.
so i was wondering if i can crop the 2px separator in photoshop, and somehow use it