Home › Forums › CSS › Navigation .. borders? sorta.. css help › Re: Navigation .. borders? sorta.. css help
June 22, 2010 at 1:48 pm
#78362
Capt Otis
Member
Using cmoist’s post….
Assuming your code looks something like this:
The CSS would look like this (in addition to all your current declarations):
Code:
ul#menu {
background-image:url(image.gif);/*Make this your small gradiant picture*/
background-repeat:repeat-x;
}
ul#menu li {
width:70px;/*change to whatever*/
height:30px;/*change to whatever*/
background-image:url(image2.gif);/*Make this your button picture*/
background-repeat:none;
margin:0px 1px;/*1px margin left & right*/
}
background-image:url(image.gif);/*Make this your small gradiant picture*/
background-repeat:repeat-x;
}
ul#menu li {
width:70px;/*change to whatever*/
height:30px;/*change to whatever*/
background-image:url(image2.gif);/*Make this your button picture*/
background-repeat:none;
margin:0px 1px;/*1px margin left & right*/
}
See how that works? Each button has a margin, and in the gap you see the background of the ul.