 Problem z menu, :hover i :focus |
  |
| Problem z menu, :hover i :focus |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) 
 |
Cześć,
Potrzebuję zakodować poziome menu, oba końce zaokrąglone, pomiędzy poszczególnymi elementami listy separator w formie obrazka, przy hoverze podmiana obrazka, a po kliknięciu obrazka u dołu ma się pojawić strzałka w formie grafiki. https://www.dropbox.com/s/1kidyl6molfqaaf/2...6-22_113859.png Jak to ugryźć? -------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
 |
 
|
|
Post
#2
|
|
 Grupa: Administratorzy Postów: 1 552 Pomógł: 211 Dołączył: 7.07.2009 Skąd: NJ |
Nie wiem jakie przeglądarki i w jakich wersjach masz zamiar wspierać.
1. Zaokrąglone rogi (CSS: border-radius), 2. Separator może być: 2.1 zamiennikiem dla domyślnego stylu listy (list-style-type o ile mnie pamięć nie myli), 2.2 tłem pozycji listy lub linka (no-repeat, position: right, a do tego padding, żeby odsunąć), 3. Podmiana obrazka na hover - nie do końca wiem którego, ale: nadajesz :hover dla elementu w którym ma się zmieniać i przesuwasz obrazek tła. 4. Co do strzałki, możesz dodać dodatkową klasę dla pozycji w liście (np. li.current) i dodać strzałkę jako tło z parametrami analogicznie do 2.2 |
|
|
|
|
|
Aktualny czas: 21.08.2025 - 17:27 |
