Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]styl linka w tabeli
Forum PHP.pl > Forum > Przedszkole
hubson87
Witam, mam taki plik ze stylami
  1. body
  2. {
  3. line-height: 1.6em;
  4. }
  5.  
  6. #tab
  7. {
  8. font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  9. font-size: 12px;
  10. background-color: #1A45AB;
  11. margin: 20px;
  12. width: 600px;
  13. border-collapse: collapse;
  14. text-align: center;
  15. }
  16.  
  17. #tab th
  18. {
  19.  
  20. background-color: #d3d3d3;
  21. text-align: center;
  22. font-size: 14px;
  23. font-weight: normal;
  24. padding: 10px 8px;
  25. border-bottom: 2px solid red;
  26. }
  27.  
  28.  
  29. #tab td
  30. {
  31. text-shadow: #000033 1px -1px 1px;
  32. border-bottom: 1px solid white;
  33. border-left: 1px solid white;
  34. color: white;
  35. padding: 6px 6px;
  36.  
  37. }
  38. #tab tbody tr:hover td
  39. {
  40. color: blue;
  41. background: -moz-linear-gradient(6% 75% 90deg,#8F8F8F, #EBF2F2, #C7C7C7 100%);
  42. }


i teraz w nagłówku tabeli mam linki i chciałbym im nadać powiedzmy takie style
  1. a:link { color: red; text-decoration: none; background-color: transparent; }
  2. a:visited { color: red; text-decoration: none; background-color: transparent; }
  3. a:hover { color: #c93; text-decoration: underline; background-color: transparent; }
  4. a:active { color: #900; text-decoration: underline; background-color: transparent; }


Tylko za bardzo nie wiem jak to połączyć. Jak wrzucam ten ostatni kod do pliku css to linki zachowują się jakby w ogóle nie miały przypisanych styli. Z góry dzięki za pomoc
Blame
Spróbuj wrzucić tak style:
  1. #tab th a:link, #tab th a:visited{ color: red; text-decoration: none; background-color: transparent; }
  2. #tab th a:hover { color: #c93; text-decoration: underline; background-color: transparent; }
  3. #tab th a:active { color: #900; text-decoration: underline; background-color: transparent; }

Jak nie działa wrzuć gdzieś przykład na żywo wink.gif
hubson87
Ok, dzięki pomogło
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.