Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Nietypowy kłopot z linkami
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
witus
Witajcie,

Od niedawna zajmuje się pisaniem autorskiego theme'a pod Wordpress i mam pewien problem z CSS. Mianowicie - do pewnych klas dopisuje także styl linków, z czego a:link, a:active i a:visited są razem, zaś a:hover jest oddzielnie. Co dziwne, jeśli dodam jakiś kolejny styl z określeniem linków, to od razu wszystkie przejmują od niego właściwości! Dzieje się tak tylko w Firefoxie oraz Chrome, zaś, paradoksalnie, w IE wszystko działa jak należy! Sprawdzałem validatorem, czy aby nie ma jakiś błędów w kodzie - wszystko jest ok, jedynie jest trochę uwag. Na początku problem dotyczył głównie wielkości czcionki - poradziłem sobie z tym dopisując "!important" przy font-size. Teraz jednak, gdy mam określoną pozycję linku (position: absolute itd.) to reszta linków przejmuje od niego właściwości. W tym jednak wypadku dopisanie !important niczym nie poskutkowało.

Przykładowo, mam styl:

  1.  
  2. .tytul a:link, a:active, a:visited{
  3. color:#7db7f2;
  4. text-decoration:none;
  5. font-size: 24px!important;
  6. }
  7.  
  8. .tytul a:hover{
  9. text-decoration:none;
  10. background: #7db7f2;
  11. color:#ffffff;
  12. font-size: 24px;
  13. }
  14.  
  15. /* ponizej bedzie pokazany drugi, ktory robi problem */
  16.  
  17. .comment-box a:link, a:active, a:visited{
  18. font-size: 16px!important;
  19. font-family: verdana;
  20. color: #7db7f2;
  21. background: none;
  22. text-decoration: none;
  23. position: relative; top: 5px;
  24. margin-left: 10px;
  25. }
  26.  
  27. .comment-box a:hover{
  28. font-size: 16px;
  29. font-family: verdana;
  30. color: #ffffff;
  31. background: #7db7f2;
  32. text-decoration: none;
  33. position: relative; top: 5px;
  34. margin-left: 10px;
  35. }
  36.  


Tutaj dla porównania poprawna wersja (z usuniętym 'comment-box a' z arkusza css oraz ta z błędem:



Szukałem w sieci, ale nic na ten temat nie znalazłem. Liczę na pomoc smile.gif
icetique
Tak na pierwszy rzut oka:
Kod
.tytul a:link, a:active, a:visited{


Nie powinno być:
Kod
.tytul a:link, .tytul a:active, .tytul a:visited{


? I to samo z comment_boxem?
Jeśli nie o to chodzi, to podrzuć kod html, więcej się będzie dało dzięki temu powiedzieć.

I pamiętaj: jeśli coś nie działa pod FF (a powinno), a działa pod IE, tzn. że jest źle. smile.gif
witus
Faktycznie, pomogło. Dziękuje bardzo! smile.gif
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.