Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] polaczenie class i hover
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
skowron-line
29.11.2006, 17:43:09
jak w temacie jak cos takiego polaczyc 
[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<style type="text/css">
  4. 			 p:hover {
  5. 				background-color:pink;
  6. 				color:white;
  7. 				border:1px solid red;
  8. 			}
  9. 		</style>
  10. 	</head>
  11. 	<body>
  12. 		<p class="cos">asdsdsasfafsdgdsgsgsa</p>	
  13. 	</body>
  14. </html>
[HTML] pobierz, plaintext


i jak zrobic to w stylach zeby dzialalo.

to moze sie wydac banalnie proste i pewnie takie jest ale jakos sie glowie i nie wiem
ens0re
29.11.2006, 18:02:30
W stylach nie zadeklarowałeś klasy 'cos' tylko samo p. Pozatym pod IE nie zadziała, bo IE interpretuje pseudoklase :hover tylko dla <a>. Żeby działało w IE dla innych elementów niż <a> użyj hacka whateverhover
skowron-line
29.11.2006, 18:06:26
no wiem bo nie wiem jak mam to polaczyc 

[HTML] pobierz, plaintext 
  1. .cos p:hover {
[HTML] pobierz, plaintext


tak nie chodzi
ens0re
29.11.2006, 18:20:32
Zły zapis, poprawny p.cos:hover
revyag
29.11.2006, 18:21:15
Nie o to chodzi.
:hover pod ie zadziała tylko dla elementu a. Dla p nie. Wpisz w google whateverhover to dowiesz się wszystkiego.

Natomiast sama konstrukcja css jest prawidłowa. Nadajesz styl dla elementu p, więc wszystkie elementy p, niezależnie od tego czy mają przypisaną jakąś klasę czy nie będą się zachowywać tak jak zdefiniowałeś w stylach. Chyba że jakąś klasą nadpiszesz to co zadeklarowałeś dla wszystkich p.
skowron-line
29.11.2006, 19:46:41
ok znalazlem

ale cos mi nie dziala

mam css
[HTML] pobierz, plaintext 
  1. body {
  2. 				margin:0;
  3. 				background-color:#353735;
  4. 				color:silver;
  5. 			}
  6. 			#container {
  7. 				padding:20px;
  8. 				width:900px;
  9. 				margin:auto;
  10. 			}
  11. 			#top p {
  12. 				color: orange;
  13. 				margin-top:20px;
  14. 				margin-bottom:0;
  15. 				font-size:50px;
  16. 				text-align:right;
  17. 			 }
  18.  			#top p:first-letter {
  19. 				font-style:italic;
  20. 				font-size:120px;
  21. 			}
  22. 			#top p:hover, p.hover { color: black; }
  23. 			#top p {
  24. 			  background-color: expression(
  25. 				this.onmouseover = new Function("this.className += ' hover';"),
  26. 				this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  27. 			  );
  28. 			}
  29. 			#top span {
  30. 				display:block;
  31. 				font-size:12px;
  32. 				color:silver;
  33. 				margin:0;
  34. 			}
  35. 			#menu {
  36. 				float:left;
  37. 				width:20%;
  38. 			}
  39. 			#main {
  40. 				float:left;
  41. 				width:80%;
  42. 			}
  43. 			.nazwa_galeri {
  44. 				margin-bottom:0;
  45. 				font-style:italic;
  46. 			}
  47. 			#menu {
  48. 				list-style-type:none;
  49. 				display:block;
  50. 				font-size:15px;
  51. 			}
  52. 			#menu a {
  53. 				color:orange;
  54. 				text-decoration:none;
  55. 			}
  56. 			#menu a:hover {
  57. 				color:silver;
  58. 			}
  59.  
  60. 			#main h3 {
  61. 				text-align:center;
  62. 			}
  63. 			#main span {
  64. 				display:block;
  65. 				font-size:15px;
  66. 				font-family: Verdana sans-serif;
  67. 			}
  68. 			label {
  69. 				display:block;
  70. 				margin:5px;
  71. 				padding:0;
  72. 			}
  73. 			tr:hover {
  74. 				color:white	;
  75. 			}
  76. 			a {
  77. 				text-decoration:none;
  78. 				color:#2E56A6;		
  79. 			}
  80. 			.whatever {
  81. 				background-color: expression('#808080',
  82. 					this.onmouseover = function() { this.runtimeStyle.backgroundColor = '#eaeaea'; },
  83. 					this.onmouseout = function() { this.runtimeStyle.backgroundColor = '#808080'; });
  84. 			}
[HTML] pobierz, plaintext


a tak mam w body
[PHP] pobierz, plaintext 
  1. <?php
  2. $zapytanie ='SELECT * FROM galerie WHERE id_user = (SELECT id_user FROM `user` WHERE login = "'.$_SESSION['user'].'") ';
  3. 	$query = mysql_query($zapytanie);
  4. 	$num_rows = mysql_num_rows($query);
  5.  
  6. 	if($num_rows == 0){
  7. 		echo'<p>nie masz utworzonych zadnych galerii</p>';
  8. 	}else{
  9. 		while($row = mysql_fetch_array($query)){
  10. 			echo'<p class="whatever">
  11. 					<h3><a href="index.php?page=gallery&id='.$row['id_galerie'].'">'.$row['nazwa_gall'].'</a>
  12. 					<span>'.$row['opis_gall'].'
  13. 					<span>'.$row['data_utworzenia'].'
  14. 					<span>haslo:'.$row['haslo'].'
  15. 					<span>'.$row['pierwsze_foto'].'
  16. 					<span><a href="index.php?page=add_galery&id='.$row['id_galerie'].'">edycja</a>
  17. 					<a href="index.php?page=gallery&del='.$row['id_galerie'].'">usun</a>
  18. 					</span></span></span></span></span></h3>
  19. 				</p>
  20. 			';
  21. 		}
  22. ?>
[PHP] pobierz, plaintext

i jak tak robie to nie dziala
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.