Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: uciekajacy button
Forum PHP.pl > Forum > Po stronie przeglądarki
axweb
28.04.2013, 18:37:59
chciałem zrobic przycisk logowania z takim podwojnym cieniem. Cos jak ten facebookowy.
Ale button login ucieka mi z konteneru obejmujacego. Div niebieski ten buttonlogin1 powinien byc cieniem.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  4. 	<head>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. 		<title>Logowanie</title>
  7. 		<meta name="author" content="root" />
  8. 	</head>
  9. 	<body>
  10. 		<style type="text/css">
  11. 			* {
  12. 				margin: 0;
  13. 				padding: 0;
  14. 			}
  15. 			a:link {
  16.  
  17. 				text-decoration: none;
  18. 				font: size 9px;
  19. 			}
  20. 			a:hover {
  21.  
  22. 				text-decoration: underline;
  23. 			}
  24. 			.container {
  25.  
  26. 				background: url("images/tlo.jpg");
  27. 				width: 1024px;
  28. 				height: 720px;
  29. 			}
  30. 			.top {
  31.  
  32. 				width: 100%;
  33. 				height: 82px;
  34. 			}
  35. 			.logo {
  36.  
  37. 				width: 186px;
  38. 				height: 82px;
  39. 				background: url("images/logo.png") no-repeat 15px 30px;
  40. 				float: left;
  41. 			}
  42. 			.text_form {
  43. 				border: 1px solid #444444;
  44. 				width: 142px;
  45. 				height: 21px;
  46. 			}
  47.  
  48. 			.button_login {
  49. 				width: 72px;
  50. 				height: 19px;
  51. 				color: white;
  52. 				background-color: #627aac;
  53. 				font-weight: bold;
  54. 				cursor: pointer;
  55. 			}
  56. 			.button_login1 {
  57. 				width: 74px;
  58. 				height: 21px;
  59. 				background-color: #29447e;
  60. 			}
  61. 			.header {
  62. 				width: 1024px;
  63. 				height: 630px;
  64. 			}
  65. 			.header2 {
  66. 				width: 600px;
  67. 				height: 280px;
  68. 				border: solid silver 1px;
  69. 			}
  70.  
  71. 		</style>
  72. 		<div class="container">
  73. 			<div class="top">
  74. 				<div class="logo" > </div>
  75. 				<form id="logowanie" action="index.php?action=yes" method="post" onsubmit="return Event.__inlineSubmit(this,event)">
  76. <input class="text_form" name="email" id="email" tabindex="1" type="text">
  77. 					<input class="text_form" name="pass" id="pass" tabindex="2" type="password">
  78. 					<div class="button_login1">
  79. 						<input class= "button_login" value="Zaloguj" tabindex="3" id="u3y2oy_1" type="submit">
  80. 					</div>
  81. 					<input  name="referal" value="<?php echo $refelar; ?>" type="hidden">
  82. 				</form>
  83. 			</div>
  84. 			<div class="header">
  85. 				<div class="header2">
  86. 					text
  87. 				</div>
  88. 			</div>
  89.  
  90.  
  91. 		</div>
  92. 	</body>
  93. </html>
  94.  
[HTML] pobierz, plaintext
ksenonlogin
28.04.2013, 19:02:15
Jeżeli musisz już czymś to obejmować to nie <div></div> a <label></label> po drugie zastosuj zamiast diva i input <button>zaloguj</button>
[HTML] pobierz, plaintext 
  1. 				<form id="logowanie" action="index.php?action=yes" method="post" onsubmit="return Event.__inlineSubmit(this,event)">
  2.  
  3. 					<input class="text_form" name="email" id="email" tabindex="1" type="text">
  4. 					<input class="text_form" name="pass" id="pass" tabindex="2" type="password">
  5. 					<input  name="referal" value="<?php echo $refelar; ?>" type="hidden">
  6. 					<label class="button_login1">
  7. 						<input class= "button_login" value="Zaloguj" tabindex="3" id="u3y2oy_1" type="submit">
  8. 					</label>
  9. 				</form>
[HTML] pobierz, plaintext
axweb
29.04.2013, 13:08:45
I git. Dziwne to ale ważne że działa


@up

Zrobilemjak wyzej ale teraz nie moge zmieniac rozmiarow div "button_login1" na początu mnie to irytowalo teraz denerwuje a niedluo sie... biggrin.gif

Nie wiem co robie zle

kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  4. 	<head>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. 		<title>Logowanie</title>
  7. 		<meta name="author" content="root" />
  8. 	</head>
  9. 	<body>
  10. 		<style type="text/css">
  11. 			* {
  12. 				margin: 0;
  13. 				padding: 0;
  14. 			}
  15. 			a:link {
  16.  
  17. 				text-decoration: none;
  18. 				font: size 9px;
  19. 			}
  20. 			a:hover {
  21.  
  22. 				text-decoration: underline;
  23. 			}
  24. 			.container {
  25.  
  26. 				background: url("images/tlo.jpg");
  27. 				width: 1024px;
  28. 				height: 720px;
  29. 			}
  30. 			.top {
  31.  
  32. 				width: 1024px;
  33. 				height: 82px;
  34. 			}
  35. 			.logo {
  36.  
  37. 				width: 186px;
  38. 				height: 82px;
  39. 				background: url("images/logo.png") no-repeat 15px 30px;
  40. 				float: left;
  41. 			}
  42. 			.text_form {
  43. 				border: 1px solid #444444;
  44. 				width: 142px;
  45. 				height: 21px;
  46. 			}
  47. 			.button_login1 {
  48.  
  49. 				width: 72px;
  50. 				height: 25px;
  51. 				background-color: #29447e;
  52.  
  53. 			}
  54. 			.button_login {
  55. 				text-align: center;
  56.  
  57.  
  58.  
  59. 				width: 72px;
  60. 				height: 19px;
  61. 				color: white;
  62. 				background-color: #627aac;
  63. 				font-weight: bold;
  64. 				cursor: pointer;
  65. 			}
  66.  
  67. 			.header {
  68. 				width: 1024px;
  69. 				height: 630px;
  70. 			}
  71. 			.header2 {
  72. 				width: 600px;
  73. 				height: 280px;
  74. 				border: solid silver 1px;
  75. 			}
  76.  
  77.  
  78. 		</style>
  79. 		<div class="container">
  80. 			<div class="top">
  81. 				<div class="logo" > </div>
  82. 				<form id="logowanie" action="index.php?action=yes" method="post" onsubmit="return Event.__inlineSubmit(this,event)">
  83. 					<input class="text_form" name="email" id="email" tabindex="1" type="text">
  84. 					<input class="text_form" name="pass" id="pass" tabindex="2" type="password">
  85. 					<input  name="referal" value="<?php echo $refelar; ?>" type="hidden">
  86. 					<label class="button_login1">
  87. 						<button class="button_login">
  88. 							zaloguj
  89. 						</button> </label>
  90. 				</form>
  91. 			</div>
  92. 			<div class="header">
  93. 				<div class="header2">
  94. 					Tresc
  95. 				</div>
  96. 			</div>
  97.  
  98.  
  99. 		</div>
  100. 	</body>
  101. </html>
  102.  
[HTML] pobierz, plaintext


Ma ktoś jakiś pomysł? smile.gif

Z góry dzięki 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.