Hi,
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?

cheers

Recommended Answers

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

Jump to Post

All 2 Replies

Member Avatar

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 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.