Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: css z linkami.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
emilsiwy
Witam,


Zaczynam pisać stronkę która bazuje na pliku index.php. Oczywiscie w tym pliku w HEAD mam kod:
  1. <link rel="styl" href="styl.css" type="text/css" />


W pliku index.php jest include do lewego menu którego kod wygląda tak:

  1. <table style="margin-bottom: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0">
  2. <tr>
  3. <td width="11"><img src="skorka/grafika/menu.gif" alt=""></td>
  4. <td width="100" class="uni_01" style="font-weight: bold;"> Główne Menu
  5. </tr>
  6. <tr>
  7. <td colspan="2" class="block">
  8.  
  9. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  10. <tr>
  11. <td class="link" style="text-decoration: none;">
  12. <img src="skorka/grafika/p.gif">
  13. <a href="index.php">strona główna</a><br />
  14. <img src="skorka/grafika/p.gif">
  15. <a href="index.php?strona=1">podstrona 1</a><br />
  16. <img src="skorka/grafika/p.gif">
  17. <a href="index.php?strona=2">podstrona 2</a><br />
  18. <img src="skorka/grafika/p.gif">
  19. <a href="index.php?strona=3">podstrona 3</a><br />
  20. <img src="skorka/grafika/p.gif">
  21. <a href="index.php?strona=4">podstrona 4</a><br />
  22. <img src="skorka/grafika/p.gif">
  23. <a href="index.php?strona=5">podstrona 5</a>
  24. </td></td>
  25. </tr>
  26.  
  27. <BR>



Z tego całego kodu chodzi mi o:
  1. <td class="link" style="text-decoration: none;">
...


Jak widać odwołanie do klasy która wygląda tak:
.link { text-decoration: none; color: #666666}

Dlaczego gdy odwołuje się do klasy nadal mam nieładne linki z podkreśleniem?

Pozdrawiam
Shili
Kod
.link, .link a    { text-decoration: none; color: #666666}


Wyjaśnienie jest takie, że elementy a nie dziedziczą po nadrzędnych elementach.

@edit
Przepraszam za skrót myślowy - element a odziedziczy style w momencie, gdy zostaną określone dla innego z elementów a znajdujących się wyżej w drzewie dokumentu - nie dziedziczy po zwykłych, nieodnośnikowych, elementach.
Chyba zakręciłam ^^
emilsiwy
Nadal to samo :/
Shili
Niemożliwe.
Podaj, jeśli możesz cały kod.
emilsiwy
KOD lewego MENU

  1. <table style="margin-bottom: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0">
  2. <tr>
  3. <td width="11"><img src="skorka/grafika/menu.gif" alt=""></td>
  4. <td width="100" class="uni_01" style="font-weight: bold;"> Główne Menu
  5. </tr>
  6. <tr>
  7. <td colspan="2" class="block">
  8.  
  9. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  10. <tr>
  11. <td class="link" style="text-decoration: none;">
  12. <img src="skorka/grafika/p.gif">
  13. <a href="index.php">strona główna</a><br />
  14. <img src="skorka/grafika/p.gif">
  15. <a href="index.php?strona=1">podstrona 1</a><br />
  16. <img src="skorka/grafika/p.gif">
  17. <a href="index.php?strona=2">podstrona 2</a><br />
  18. <img src="skorka/grafika/p.gif">
  19. <a href="index.php?strona=3">podstrona 3</a><br />
  20. <img src="skorka/grafika/p.gif">
  21. <a href="index.php?strona=4">podstrona 4</a><br />
  22. <img src="skorka/grafika/p.gif">
  23. <a href="index.php?strona=5">podstrona 5</a>
  24. </td></td>
  25. </tr>
  26.  
  27. <BR>


KOD klasy

  1. .link, .link a { text-decoration: none; color: #666666}
Shili
Chodziło mi bardziej o cały css i cały kod - ciężko tak powiedzieć, czy jakiś styl nie nadpisuje stylu odnośnika.
Swoją drogą po kolorze dodaj średnik winksmiley.jpg
emilsiwy
  1. body {
  2. font-family: Arial;
  3. font-size: 12px;
  4. }
  5.  
  6. .news {
  7. font-family: Verdana;
  8. font-size: 11px;
  9. padding-top: 0px;
  10. padding-right: 0px;
  11. padding-bottom: 0px;
  12. padding-left: 0px;
  13. color: #666666;
  14. }
  15.  
  16.  
  17. .title2 {
  18. font-family: Tahoma;
  19. font-size: 10px;
  20. padding-top: 0px;
  21. padding-right: 3px;
  22. padding-bottom: 0px;
  23. padding-left: 3px;
  24. color: #000000;
  25. }
  26.  
  27.  
  28. .menu {
  29. font-family: Verdana;
  30. font-size: 4px;
  31. padding-top: 0px;
  32. padding-right: 0px;
  33. padding-bottom: 0px;
  34. padding-left: 0px;
  35. color: #666666;
  36. }
  37.  
  38. .uni_01 {
  39. font-family: Verdana;
  40. font-size: 11px;
  41. padding-top: 1px;
  42. padding-right: 3px;
  43. padding-bottom: 1px;
  44. padding-left: 3px;
  45. color: #555555;
  46. }
  47.  
  48. .block {
  49. font-family: Verdana;
  50. font-size: 11px;
  51. padding-top: 2px;
  52. padding-right: 3px;
  53. padding-bottom: 2px;
  54. padding-left: 3px;
  55. color: #666666;
  56. }
  57.  
  58. .link, .link a { text-decoration: none; color: #666666;}


a ten kod co podalem to całość w pliku index.php nie uzywam klas.
Shili
U mnie nie podkreśla o_0
emilsiwy
nie wiem czy moge dac linka do strony ale:

leczyca.hostsms.pl/
Shili
Wiesz, problem jest jeden - nie czyta Ci żadnego stylu z tego arkusza stylów.
Nie jestem w stanie powiedzieć czemu, być może za późna pora na to, a może po prostu jestem ślepa. W każdym bądź razie jeszcze popatrzę.

Przyjrzyj się temu, albo w arkuszu stylów dodaj czerwone tło dla body. Sprawdź czy się zmieni.
emilsiwy
Ok pobiera wszystko ladnie tylko chcialem jeszcze zrobic by po najechaniu na link zmienialo barwe.
starach
Cytat
a:hover { color:rgb(200,0,0); } /* Czy jaki tam chcesz */
emilsiwy
czy to ma wyglądać tak?

  1. .link, .link a { text-decoration: none; color: #666666}
  2. .link a:hover { color:rgb(200,0,0); }
Shili
Tak
cybertix
Cytat(emilsiwy @ 18.07.2008, 23:05:50 ) *
Zaczynam pisać stronkę która bazuje na pliku index.php. Oczywiscie w tym pliku w HEAD mam kod:
  1. <link rel="styl" href="styl.css" type="text/css" />


pierwszy raz widze że tak sie robi(może sie myle tongue.gif)
zewnętrzny plik arkusza stylów CSS dołącza sie chyba tak smile.gif:

Kod
<link rel="stylesheet" href="styl.css" type="text/css" />


edit : Sory za mały odkop 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.