my problem is that I've got menu and want to have separators beetwen every <li>

ul#nav li {
		display: inline;
		font-size: 1.3em;
		background: url(img/2/separator.jpg) right  no-repeat;
		padding: 10px;

but when I add

ul#nav li:first-child  {
		background: url(img/2/separator.jpg) left   no-repeat;

it shows separator only on the left, not right and left in first item.
is it possible to do that through css?


Member Avatar for stbuchok

Do you have a screenshot we can see? It makes things a lot easier when we can see what you are trying to do.

Put both horizontal and vertical value. Perhaps, try this:

ul#nav {
    background: url(img/2/separator.jpg) left center no-repeat;

With this above statement, ensure that your ul and li tags have proper height value, especially the same value will looks better.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.