Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][xHTML]Button w a:visited gubi rozmiar.
Forum PHP.pl > Forum > Przedszkole
Rewil
26.11.2009, 21:59:16
www.olimat.pl/beta/
www.olimat.pl/beta/stylstrona.css

Chodzi o to iż, po kliknięciu w buttona i powrocie do strony button zmienia swój podstawowy kształt, pomimo tego iż powinien zachować się identycznie jak w hover'. Ktoś wie jak nad tym zapanować?


[HTML] pobierz, plaintext 
  1. #panel{
  2. 	position:absolute;
  3.    	top: 390px;
  4. 	margin-left:300px;
  5. 	width: 660px;
  6. }
  7.  
  8. #panel ul, ul li {
  9. 	display: block;
  10. 	list-style: none;
  11. 	margin: 0;
  12. 	padding: 0;
  13. }
  14.  
  15. #panel ul {
  16. 	float: left;
  17. }
  18.  
  19. #panel ul li {
  20. 	float: left;
  21. }
  22.  
  23. #panel ul a:link {
  24. 	text-decoration: none;
  25. 	font-family:Tahoma;
  26. 	font-size: 16px;
  27. 	color: #ededed;
  28. 	display: block;
  29. 	background: url('images/btn_1.png') no-repeat;
  30. 	background-position: 0px -11px;
  31. 	text-align:center;
  32. 	padding-top: 5px;
  33. 	height:48px;
  34. 	width: 165px;
  35. }
  36.  
  37. #panel ul a:visited {
  38. 	font-family:Tahoma;
  39. 	font-size: 16px;
  40. 	color: #ededed;
  41. 	background: url('images/btn_1.png') no-repeat;
  42. 	background-position: 0px -11px;
  43. 	text-align:center;
  44. 	padding-top: 5px;
  45. 	height:48px;
  46. 	width: 165px;
  47. }
  48.  
  49. #panel ul a:hover{
  50. 	height:48px;
  51. 	width: 165px;
  52. 	background: url('images/btn_2.png') no-repeat center;
  53. 	padding-top: 5px;
  54. 	background-position: 0px -11px;
  55. 	text-align:center;
  56.  
  57. }
[HTML] pobierz, plaintext
b4x
26.11.2009, 22:12:18
Zmień:

[HTML] pobierz, plaintext 
  1. #panel ul a:link {
  2. 	text-decoration: none;
  3. 	font-family:Tahoma;
  4. 	font-size: 16px;
  5. 	color: #ededed;
  6. 	display: block;
  7. 	background: url('images/btn_1.png') no-repeat;
  8. 	background-position: 0px -11px;
  9. 	text-align:center;
  10. 	padding-top: 5px;
  11. 	height:48px;
  12. 	width: 165px;
  13. }
[HTML] pobierz, plaintext


na

[HTML] pobierz, plaintext 
  1. #panel ul a {
  2. 	text-decoration: none;
  3. 	font-family:Tahoma;
  4. 	font-size: 16px;
  5. 	color: #ededed;
  6. 	display: block;
  7. 	background: url('images/btn_1.png') no-repeat;
  8. 	background-position: 0px -11px;
  9. 	text-align:center;
  10. 	padding-top: 5px;
  11. 	height:48px;
  12. 	width: 165px;
  13. }
[HTML] pobierz, plaintext
Rewil
27.11.2009, 17:56:05
Poprawiło się, ale dalej przeskakuje w lewo. Hmm...
b4x
27.11.2009, 18:02:07
Wywal wgl. #panel ul a:visited
Rewil
27.11.2009, 18:03:19
Wywalony jest.
b4x
27.11.2009, 18:07:01
#mapa_strony ul a:link, ul a:visited

zmień na

#mapa_strony ul a:link, #mapa_strony ul a:visited
Rewil
27.11.2009, 18:29:10
Dzięki w życiu nie pomyślał bym że to ma ze sobą jakiś związek. Jeszcze raz bardzo dziękuje.
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.