Rozdzielenie elementów menu pionową kreską | Opcje

[sylwekb]

Witam.

Nie mogę sobie poradzić jak rozdzielić w css-ie pionową kreską poszczególne elementy menu |

Information Contacter

Obszukałem forum i nie znalazłem żadnej informacji jak coś takiego zrobić.



Ten post edytował sylwekb 3.02.2013, 14:14:21

[kamil4u]

Możliwości jest wiele. Te najbardziej sensowne to:
- border - czyli ramka( obramowanie ), ale ustawiona tylko na prawą krawędź( bez ostatniego elementu )
- obrazek/text "pałki"( | ) jako typ listy ( bez pierwszego elementu ) -list-style-image
- dodanie pałki ręcznie w HTML( np. w elemencie <span>) i odpowiednie wypozycjonowanie jej

Menu w większości przypadków powinieneś oprzeć na HTML-owym <ul>, <li>, <a>

Ten post edytował kamil4u 3.02.2013, 13:54:47

[Pawel_W]

[HTML] pobierz, plaintext 
li:first-child {
    list-style: none;
}
[HTML] pobierz, plaintext 

osobiście wybieram opcję z ustawieniem "pałki" jako obrazek, opcję z dodawaniem jej jako tekst odradzam, niepoprawna pod względem SEO

[Andrzej95]

Witam mam podobny problem. Mam ustawione coś takiego:

[HTML] pobierz, plaintext 
#menu_gorne a {
        border-left: 1px solid #000;
}
 
 
#menu_gorne ul li:first-child a{
	border: none;
}
[HTML] pobierz, plaintext 

Co daje wynik, że nie znika obramowanie z pierwszego odnośnika. :/

EDIT:
Jestem kretynem, wpisałem inną klasę. -.-

Ten post edytował Andrzej95 5.02.2013, 18:56:29

[kamil4u]

Daj HTML i wrzuć kod tu: http://jsfiddle.net/
Dodatkowo napisz co chcesz osiągnąć.