Member Avatar for waluigi

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

  • 3 Contributors
  • 2 Replies
  • 75 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by ko ko
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.

Member Avatar for ko ko

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.