Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] Uklad pol formularza
Forum PHP.pl > Forum > Przedszkole
lukash82
13.09.2007, 11:58:15
Witam. Pisze sobie formularz na strone i nie umie obejsc jednago problemu z css. MOze troche kodu (zostawilem tylko dwa pola zeby bylo jasniej):
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title></title>
  4. <link rel="stylesheet" type="text/css" href="css.css">
  5. </head>
  6. <body>
  7. 		<div id="dane">
  8. 				<br/><br/>
  9. 				<form>
  10. 				<ul>
  11. 					<li>
  12. 						<label for="imie">Imię</label>
  13. 							<input type="text" name="imie">
  14. 					</li>
  15. 					<li>
  16. 						<label for="nazwisko">Nazwisko</label>
  17. 							<input type="text" name="nazwisko">
  18. 					</li>
  19. 							<input type="submit" name="Submit" value="Dodaj">
  20. 				</ul>
  21. 				</form>
  22. 		</div>
  23. </body>
  24. </html>
[HTML] pobierz, plaintext

i do tego plik css wyglada tak:
[HTML] pobierz, plaintext 
  1. #dane{
  2. 	margin                 : 0px;
  3. 	padding-left           : 0px;
  4. 	width                  : 510px;
  5. 	font-family            : Verdana, Arial, Helvetica, sans-serif;
  6. 	font-size              : 11px;
  7. 	color                  : #333333;
  8. 	text-align             : left;
  9. 	}
  10. #dane select{
  11. 	margin                 : 0px;
  12. 	padding                : 0px;
  13. 	background-color	   : white;
  14. 	font-family            : Verdana, Arial, Helvetica, sans-serif;
  15. 	font-size              : 11px;
  16. 	color                  : #333333;
  17. 	}
  18. #dane label{
  19. 	margin                 : 0px;
  20. 	padding                : 0px;
  21. 	width :100px;
  22. 	font-family            : Verdana, Arial, Helvetica, sans-serif;
  23. 	font-size              : 11px;
  24. 	color                  : #333333;
  25. 	}
  26. #dane ul {
  27. 	list-style		: none;
  28. 	list-style-position: outside;
  29. 	margin					: 0;
  30. 	padding-left			: 0;
  31. }
  32. #dane label {
  33. 	min-width				: 120px;
  34. 	width					: 120px;
  35. 	text-align				: right;
  36. 	margin-top				: 10px;
  37. 	padding-right			: 5px;
  38. }
  39. #dane input  {
  40. 	width					: 180px;
  41. 	margin-top				: 5px;
  42. 	border					: 1px solid #006;
  43. 	color					: #006;
  44. 	font-family            : Verdana, Arial, Helvetica, sans-serif;
  45. 	font-size              : 11px;
  46. 	color                  : #333333;
  47. }
  48. #dane select  {
  49. 	width					: 180px;
  50. 	margin-top				: 5px;
  51. 	border					: 1px solid #006;
  52. 	color					: #006;
  53. }
[HTML] pobierz, plaintext

Dlaczego ten formularz wyglada inaczej pod IE a inaczej pod FF. Tzn chcialbym uzyskac pod FF taki efekt jak w IE. Na moje oko powinno byc wszystko ok ale jednak nie jest. Efekt mozna zobaczyc TUTAJ. Macie jakis pomysl na to? Pozdrawiam, Łukasz.
qqrq
13.09.2007, 12:16:28
Wiem, że tabelki ostatnio są uważane za przestarzałe i wogóle bleeee, no ale jakby to zrobić w ten sposób, to myślę, że wszędzie by wyglądało jak trzeba.
luki100011
13.09.2007, 12:34:21
Zajrzyj w linki na tej stronie:
http://www.cssmania.pl/index.php?title=FormElements

np jeden z nich:
http://jeffhowden.com/code/css/forms/

Miłej lektury
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.