Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Wyjątkowa wartość a: dla diva
Forum PHP.pl > Forum > Przedszkole
kingofspace
1.01.2010, 15:28:08
witam jestem podczas tworzenie layoutu

mam taki kod html 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.     "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <html>
  5.  
  6. <head>
  7.     <title>kinghost.pl - ukoronowane serwery gier ;p</title>
  8.     <link rel="stylesheet" href="style.css" type="text/css">
  9. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10.  
  11. </head>
  12.  
  13. <body>
  14.     <div id="page">
  15.         <div id="wrap">
  16.             <div id="header"></div>
  17.  
  18. 		 <div id="menu">
  19.  
  20. 		 <a id="m1" href="index.php">&nbsp;</a>
  21.  
  22. 		 <a id="m2" href="cennik.php">&nbsp;</a>
  23.  
  24. 		 <a id="m3" href="regulamin.php">&nbsp;</a>
  25.  
  26. 		 <a id="m4" href="platnosci.php">&nbsp;</a>
  27.  
  28. 		 <a id="m5" href="pomoc.php">&nbsp;</a>
  29.  
  30. 		 <a id="m6" href="kontakt">&nbsp;</a>
  31.  
  32. 		 </div>
  33.  
  34.  
  35.             <div id="main">
  36.                 <div id="content">
  37.                     <div class="news">
  38.                       <h2>&raquo; SOME NEWS <span class="date">31.12.2009</span></h2>
  39.                       <p>Od początku powstania 1shot1kill.pl staramy się dbać o to, aby polski rynek serwerów
  40. gier multiplayer stał na wysokim poziomie europejskim. W obliczu nieofcjalnych informacji
  41. o bankructwie jednego z naszych szanownych konkurentów - GamesFactory.pl -
  42. zdecydowaliśmy się nie pozostawić jego klientów na lodzie. Każda osoba, która wykupiła
  43. prywatny serwer w tej firmie może liczyć na dokładnie taki sam serwer zastępczy od nas,
  44. kompletnie za darmo i bez zoobowiązań. Szczęśliwie w czasie wakacji uruchomiliśmy dwie
  45.  maszyny o łącznej mocy obliczeniowej 34.66GHz, dlatego dodatkowe serwery nie będą nas
  46.  dużo kosztować i na pewno nie obniżą jakości świadczonych usług.
  47.  
  48. Niestety zdecydowaliśmy się nie oferować podobnych serwerów publicznych, gdyż zmiana
  49.  adresu IP i tak sprawi, że całkowicie utracą one popularność.
  50.  
  51. Gdyby okazało się, że informacje krążące na forach o tym, że GamesFactory już zaprzestała
  52.  działalności są fałszywe, a tym samym stare serwery będą znów działały, serwery
  53. udostępnione u nas będą wyłączone. Jednak brak jakichkolwiek oficjalnych informacji
  54. po tylu dniach off-line'u oznacza, że już pora podjąć odpowiednie kroki...</p>
  55.                     <p class="comments">156</p>
  56.                     </div>
  57.                 </div>
  58.                 <div id="slide">
  59.  
  60. 				    <div class="bok">
  61.                       <h2>&raquo; Polecamy </h2>
  62.  
  63.  
  64. 					  <a href="#">* FragMakers.pl</a>
  65. 					  <a href="#">* Serwery-CS.pl</a>
  66. 					  <a href="#">* GamesBoard.pl</a>
  67.  
  68.  
  69.  
  70.  
  71.                     </div>
  72.  
  73.  
  74.                 </div>
  75.             </div>
  76.             <div id="footer" class="clearboth"></div>
  77.         </div>
  78.     </div>
  79. </body>
  80.  
  81. </html>
[HTML] pobierz, plaintext


a taki kod css 


[XML] pobierz, plaintext 
  1. body{
  2.     background-color: #7B6752;
  3. 	background: url("./images/tlo.png") top left repeat;
  4. }
  5. .clearboth{
  6.     clear: both;
  7. }
  8.  
  9. #wrap{
  10.     margin: 0 auto;
  11.     display: block;
  12.     width: 700px;
  13. }
  14. #wrap #header{
  15.     width: 100%;
  16.     height: 194px;
  17.     display: block;
  18.     background: url('images/header.png') no-repeat;
  19. }
  20. #menu{
  21. 	position: relative;
  22. 	width: 700px;
  23. 	height: 28px;
  24. 	background: url("./images/tlo.png") top left repeat;
  25.  
  26. }
  27.  
  28. #menu a{
  29. 	height: 28px;
  30. 	position: absolute;
  31. 	display: block;
  32. 	float: left;
  33. }
  34.  
  35. #m1 {
  36. 	width: 130px;
  37. 	left: 0px;
  38. 	background: url("./images/menu/menu_01.gif") top left no-repeat;
  39. }
  40.  
  41. #m2 {
  42. 	width: 85px;
  43. 	left: 130px;
  44. 	background: url("./images/menu/menu_02.gif") top left no-repeat;
  45. }
  46.  
  47. #m3 {
  48. 	width: 105px;
  49. 	left: 215px;
  50. 	background: url("./images/menu/menu_03.gif") top left no-repeat;
  51. }
  52.  
  53. #m4 {
  54. 	width: 102px;
  55. 	left: 320px;
  56. 	background: url("./images/menu/menu_04.gif") top left no-repeat;
  57. }
  58.  
  59. #m5 {
  60. 	width: 84px;
  61. 	left: 422px;
  62. 	background: url("./images/menu/menu_05.gif") top left no-repeat;
  63. }
  64.  
  65. #m6 {
  66. 	width: 194px;
  67. 	left: 506px;
  68. 	background: url("./images/menu/menu_06.png") top left no-repeat;
  69. }
  70.  
  71. #wrap #main{
  72.     width: 100%;
  73.     display: block;
  74.     padding-top: 10px;
  75. }
  76. #wrap #main #content{
  77.     width: 520px;
  78.     display: block;
  79.     float: left;
  80. }
  81. #wrap #main #slide{
  82.     width: 166px;
  83.     display: block;
  84.     margin-left: 10px;
  85.     float: right;
  86. }
  87. #wrap #footer{
  88.     height: 26px;
  89.     width: 100%;
  90.     display: block;
  91.     background: url('images/footerbg.png') repeat-x;
  92.     margin-top: 20px;
  93. }
  94. .news{
  95.  
  96. }
  97. .news h2{
  98.     color: #AEA397;
  99.     font: bold 14px/27px Times, serif;
  100.     vertical-align: middle;
  101.     padding: 0;
  102.     margin: 0;
  103.     padding-left: 10px;
  104.     height: 33px;
  105.     width: 519px;
  106.     background: url('images/undex_01.png') no-repeat;
  107. }
  108. .news h2 .date{
  109.     font-size: 10px;
  110.     font-style: normal;
  111.     float: right;
  112.     margin-right: 70px;
  113. }
  114.  
  115. .bok{
  116.  
  117. }
  118.  
  119. .bok h2{
  120.     color: #AEA397;
  121.     font: bold 14px/27px Times, serif;
  122.     vertical-align: middle;
  123.     padding: 0;
  124.     margin: 0;
  125.     padding-left: 10px;
  126.     height: 33px;
  127.     width: 181px;
  128.     background: url('images/undex_02.png') no-repeat;
  129. }
  130.  
  131.  
  132. .div#bok a:link {
  133. color: #F0F8FF; /*kolor linka*/
  134. }
  135. .div#bok a:visited {
  136. color: #F0F8FF; /*kolor odwiedzonego linka*/
  137. }
  138. .div#bok a:hover {
  139. color: #F0F8FF; /*kolor linka po najechaniu na niego*/
[XML] pobierz, plaintext


i Chodzi o ostatnie 3 instrukcje odnosnie kolorów linków chcialem aby takie kolory linki przybierały tylko i wyłącznie w jednym divie
Polidiota
1.01.2010, 16:18:10 
[HTML] pobierz, plaintext 
  1. .div#bok a:link {
  2. color: #F0F8FF; /*kolor linka*/}
  3. .div#bok a:visited {
  4. color: #F0F8FF; /*kolor odwiedzonego linka*/
  5. }
  6. .div#bok a:hover {
  7. color: #F0F8FF; /*kolor linka po najechaniu na niego*/
  8. }
  9.  
[HTML] pobierz, plaintext

Zamień na: 
[HTML] pobierz, plaintext 
  1. a {
  2.    color:#000000; /kolor linków w całym sersie*/
  3. }
  4. /*kolory dla diva o clasie bok*/
  5. div.bok a:link {
  6.   color: #F0F8FF; /*kolor linka*/  }
  7.   div.bok a:visited {
  8.   color: #F0F8FF; /*kolor odwiedzonego linka*/
  9.   }
  10.   div.bok a:hover {
  11.   color: #F0F8FF; /*kolor linka po najechaniu na niego*/
  12.   }
  13.  
  14.  
[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.