Oddzielenie listy linią obrazkową?

Dla specjalistów Webmastering
#1

Witam.

Chciałem zrobić takie menu poziome na liście, i każdy link miałby być oddzielony taką linią w .png. Problem tylko w tym że css dopiero się uczę i za bardzo nie wiem jak zrobić:

  1. Listę w poziomie i bez punktatorów.

  2. Oddzielenie każdego “linka” a dokładniej elementu listy tą linią w .png

Może jakaś mała podpowiedź? :wink:

#2

Jeżeli jest to zwykła linia to zwyczajnie ustawiasz bordera w css

ul { list-style-type: none;}

		ul li{ background-color: #6a6a6a; float: left; width: 80px; height: 20px; border-right: 3px solid #000;}

		.last{ border: none;}

[/code]

Jeżeli chodzi o jakąś specjalną linie(obrazek) to należy ustawić background dla ‘ul li’ albo wrzucać img na początku li. Ps. odradzam .PNG, gdyż jeszcze kilkanaście procent użytkowników korzysta z ie6, która z tym formatem nie wspólpracuje.

#3

Heh, ja wszystkie moje prace mam w PNG… :wink:

#4

webtechs o czym ty piszesz? IE6 obsługuje png, ma problemy tylko z przezroczystością. Poza tym nie ma sensu się już przejmować tą przeglądarką.

#5

Stwierdzenie nie współpracuje było błędne, racja, ma problemy z przeźroczystością. Stwierdzenie nie ma sensu się już nią przejmować wg mnie jest mylne. Każda ceniąca się agencja oraz profesjonalni webmasterzy, biorą pod uwagę obsługę IE 6.