Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Rozdzielenie elementów menu pionową kreską |
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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ć.

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>
Pawel_W
  1. li:first-child {
  2. list-style: none;
  3. }


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:

  1. #menu_gorne a {
  2. border-left: 1px solid #000;
  3. }
  4.  
  5.  
  6. #menu_gorne ul li:first-child a{
  7. border: none;
  8. }


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

EDIT:
Jestem kretynem, wpisałem inną klasę. -.-
kamil4u
Daj HTML i wrzuć kod tu: http://jsfiddle.net/
Dodatkowo napisz co chcesz osiągnąć.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.