Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Obrazek w css jako link w menu
Forum PHP.pl > Forum > Przedszkole
neosatan
CSS:
  1. ul
  2. {
  3. list-style-type: none;
  4. padding: 0;
  5. margin: 0;
  6. }
  7.  
  8. a.news
  9. {
  10. height: 25px;
  11. width: 180px;
  12. background: url(papugi2/view/pic/menu/news_bw.gif);
  13. }
  14. a.news:HOVER
  15. {
  16. background: url(papugi2/view/pic/menu/news_c.gif);
  17. }


HTML:
  1. <ul>
  2. <li><a href = "index.php?page=news" class = "news" >Co nowego</a></li>
  3. <li>sad;kjsadf</li>
  4. <li>asdadk;ljasd</li>
  5. </ul>



Jest tak. Chce by był właśnie ten efekt hover, dla zwyczajnych kolorów udaje mi się znakomicie, ale natomiast z tym obrazkiem to właśnie nie chce zadziałać, także myślę, że to kwestia wpisania adresu tego obrazka, lecz wpisywałem już go różnie (url("../adres_dalej/obrazek.gif"), url(../adres_dalej/obrazek.gif), ../adres_dalej/obrazek.gif), ale żaden z nich nie chce dać mi pożądanego efektu.
Fifi209
Kod
a.news:HOVER


A nie przypadkiem:
Kod
.news a:HOVER
ert16
Cytat(fifi209 @ 21.07.2009, 00:41:55 ) *
Kod
a.news:HOVER

To dopasowuje się do elementu a o klasie news, w stanie 'hover'

Cytat(fifi209 @ 21.07.2009, 00:41:55 ) *
Kod
.news a:HOVER

to dopasowuje się do elementu a w stanie hover który jest WEWNĄTRZ elementu o klasie news
greg.paw.90
witam a sprawdź tak, bez 'a':

  1. .news
  2. {
  3. height: 25px;
  4. width: 180px;
  5. background: url(papugi2/view/pic/menu/news_bw.gif);
  6. }
  7. .news:hover
  8. {
  9. background: url(papugi2/view/pic/menu/news_c.gif);
  10. }
Swirek
jak poprzedni przedmówca. Jeśli dopisujesz nazwe klasy bezpośrednio w linku to w odwołaniu nie używaj już a
jeśli link znajdował by się pomiędzy znacznikami np. div o przypisanej takiej nazwie wtedy odwołał byś się do linków wykorzystuąc, dopisując a

choć szczerze mówiąc twój kod powinien zadziałać winksmiley.jpg
viking
Zainstaluj sobie firebuga, zakładka sieć i zobacz czy get tego obrazka nie zwraca 404.
neosatan
zwraca 404... obrazek wcale nie jest wyswietlany, nawet ten bez hover (wczesniej tego nie napisalem...), dlatego sadze, ze to cos z sciezka...
ert16
Cytat(neosatan @ 21.07.2009, 10:30:18 ) *
zwraca 404... obrazek wcale nie jest wyswietlany, nawet ten bez hover (wczesniej tego nie napisalem...), dlatego sadze, ze to cos z sciezka...

Pamiętaj, że ścieżki relatywne w CSSie są tworzone na podstawie katalogu w którym jest arkusz stylu.
Aby zrobić ścieżkę od katalogu bazowego serwera, rozpocznij ją od /
neosatan
faktycznie. zapomniałem o tym całkowicie.
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.