Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Najechanie na link + obok grafika
Forum PHP.pl > Forum > Po stronie przeglądarki
byczek1984
Witam
Mam mały problem...Otóż mam takie menu pionowe:
Strona główna
Aktualności
Wiadomości

do tego posiadam styl css:
a:link,a:visited,a:active {color: black;text-decoration: none;}
a:hover { color:white;}
I po najechaniu na określony link jest podswietlony na biało.
Natomiast jak zrobić żeby byl podświetlony na biało i jednocześnie obok pokazywal się taki symbol >> . czyli np.
Po najechaniu na 'Strona główna' wynik bedzie taki
Strona główna >>
Aktualności
Wiadomości

Pozdrawiam
blooregard
CSS: after

http://www.w3schools.com/css/pr_pseudo_after.asp
byczek1984
Dzieki za stronke... fajne sa rzeczy... tylko to co by mnie interesowalo nie moge znalezc:>
pete_
Witam

W CSS mozesz to zrobic np. tak, aczkolwiek pseudoelement :after niekoniecznie lubi dzialac pod IE 6 i 7:
  1. .elementClass:after {
  2. content: url("path/file.jpg");
  3. }

Oczywiscie musisz ustawic klase dla wybranych elementow na elementClass.
Dlatego tez proponuje uzyc JavaScriptu. Jakby Cie to interesowalo to daj znac.

Pozdrawiam
-SaraniS-
Witam
A ja proponuję jednak CSS, aczkolwiek bez pseudoklasy after smile.gif
Jak?
Tworzysz obrazek o wysokości 2 razy większej, niż wysokość Twoich linków (elementów menu), w górnej połowie całkiem pusty, w dolnej - grafika jaką chcesz. I teraz, po najechaniu na link, w CSS podmieniasz sposób wyrównania obrazka, tak:
  1. a:link, a:visited { url('sciezka/do/obrazka.jpg') no-repeat top left; }
  2. a:hover, a:active { url('sciezka/do/obrazka.jpg') no-repeat bottom left; }

W odróżnieniu od pseudoklas, jak i JS (trzeba mieć włączony tongue.gif ), działa we wszystkim co przetwarza CSS biggrin.gif
Pozdrawiam
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.