Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: linki zapisane w css
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
artiego
15.02.2006, 16:17:26 
[HTML] pobierz, plaintext 
  1. a.link1:link {
  2. 	font: 10px Verdana, sans-serif;
  3. 	text-decoration : none;
  4. 	color :   #000000;
  5. 	font-weight: 800;
  6. 	}
  7. a.link1:active {
  8. 	font: 10px Verdana, sans-serif;
  9. 	text-decoration : none;
  10. 	color :   #000000;
  11. 	font-weight: 800;
  12. 	}
  13. a.link1:visited {
  14. 	font: 10px Verdana, sans-serif;
  15. 	text-decoration : none;
  16. 	color :   #000000;
  17. 	font-weight: 800;
  18. 	}
  19. a.link1:hover {
  20. 	font: 10px Verdana, sans-serif;
  21. 	text-decoration : none;
  22. 	color :  #FF0000;
  23. 	font-weight: 800;	
  24. 	}
[HTML] pobierz, plaintext

takie coś mam zapisane w pliku css

problem teraz w tym, ze jak zrobie taki inne kolorystyki i nazwe zrobie na link2 to nie wczytują mi sie kolory linków!

Czyli jak css wygląda np

[HTML] pobierz, plaintext 
  1. a.link1:link {
  2. 	font: 10px Verdana, sans-serif;
  3. 	text-decoration : none;
  4. 	color :   #000000;
  5. 	font-weight: 800;
  6. 	}
  7. a.link1:active {
  8. 	font: 10px Verdana, sans-serif;
  9. 	text-decoration : none;
  10. 	color :   #000000;
  11. 	font-weight: 800;
  12. 	}
  13. a.link1:visited {
  14. 	font: 10px Verdana, sans-serif;
  15. 	text-decoration : none;
  16. 	color :   #000000;
  17. 	font-weight: 800;
  18. 	}
  19. a.link1:hover {
  20. 	font: 10px Verdana, sans-serif;
  21. 	text-decoration : none;
  22. 	color :  #FF0000;
  23. 	font-weight: 800;	
  24. 	}
  25. a.link2:link {
  26. 	font: 10px Verdana, sans-serif;
  27. 	text-decoration : none;
  28. 	color :   #000000;
  29. 	font-weight: 800;
  30. 	}
  31. a.link2:active {
  32. 	font: 10px Verdana, sans-serif;
  33. 	text-decoration : none;
  34. 	color :   #000000;
  35. 	font-weight: 800;
  36. 	}
  37. a.link2:visited {
  38. 	font: 10px Verdana, sans-serif;
  39. 	text-decoration : none;
  40. 	color :   #000000;
  41. 	font-weight: 800;
  42. 	}
  43. a.link2:hover {
  44. 	font: 10px Verdana, sans-serif;
  45. 	text-decoration : none;
  46. 	color :  #FFFFFF;
  47. 	font-weight: 800;	
  48. 	}
[HTML] pobierz, plaintext


To wczytuje mi się jedynie dobrze link1, a link2 i ewen. kolejne źle - czemu ? co jest nie tak ?
Z GÓRY DZIKS za pomoc
revyag
15.02.2006, 16:35:33
Mała optymalizacja smile.gif
Kod
<style type="text/css">
a.link1, a.link2 {
    font: 10px Verdana, sans-serif;
    font-weight: 800;
}

a.link1:link, a.link1:active, a.link1:visited, a.link2:link, a.link2:active, a.link2:visited {
    text-decoration : none;
    color : #000000;
}
a.link1:hover {
    text-decoration : none;
    color : #FF0000;
}

a.link2:hover {
    text-decoration : none;
    color : #FFFFFF;
}
</style>

[HTML] pobierz, plaintext 
  1. <a href="http://www.wp.pl" class="link1">link1</a><br /><br />
  2.     <a href="http://www.wp.pl" class="link2">link2</a><br /><br />
[HTML] pobierz, plaintext


jest ok.
artiego
15.02.2006, 16:50:16
rozumiem ze CODA to w head wrzucic ? Rkingsmiley.png
revyag
15.02.2006, 16:58:30
Lepiej do osobnego pliku np. style.css i w head dać:
[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" href="style.css" type="text/css" />
[HTML] pobierz, plaintext
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.