Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Ukośniki w menu z poziomu css
Forum PHP.pl > Forum > Przedszkole
lukash82
Witam,

Mam do zrobienia menu w jednej linii, gdzie poszczególne pozycje są oddzielone ukośnikami "/". W sumie prosta sprawa, ale próbuję pozbyć się ukośnika z ostatniej pozycji. Dobrze byłoby też, aby poszczególne nazwy w menu miały mniej więcej równe odległości od ukośników.

Zdjęcie tego co mam (before.jpg) i tego co chciałbym uzyskać (after) jest tu

Korzystam z BS 3.3.6. To co mam powinno chyba teoretycznie działać...

  1. .nav > li > a {
  2. padding : 0 10px;}
  3. .nav > li > a:after {
  4. content : " / ";}
  5. .nav > li:last-child:after {
  6. content : "";}


Przerwy między pozycjami są tak jak zakładam w kodzie, czyli po 10px. Niestety nie mogę oddalić tego nieszczęsnego ukośnika od prawej strony napisu i wyrzucić go z ostatniej pozycji menu. Pomoże ktoś? Pozdrawiam, Ł.

trueblue
https://jsfiddle.net/rcfh1n30/
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.