Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> formularz, pozycjonowanie checbox
Thuunder
post
Post #1





Grupa: Zarejestrowani
Postów: 234
Pomógł: 1
Dołączył: 29.10.2004

Ostrzeżenie: (0%)
-----

Witam,
Mam taki formularz:
[HTML] pobierz, plaintext 
  1. fieldset ul {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. fieldset li {
  6. list-style: none;
  7. margin: 0;
  8. padding: 5px;
  9. }
  10. label {
  11. display:-moz-inline-box;
  12. display:inline-block;
  13. width: 250px;
  14. }
  15. ....
  16.  
  17. 	<fieldset>
  18. 		<ul>
  19. 			<li>
  20. 				<label for="pole">opis 1</label>
  21. 				<input id="pole" type="text" />
  22. 			</li>
  23. 			<li>
  24. 				<label for="pole2">opis 2</label>
  25.                                (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) 
  26. 			</li>
  27. 		</ul>
  28. 	</fieldset>
[HTML] pobierz, plaintext


<input type="checkbox"> opcja 1<br/>
<input type="checkbox"> opcja 2<br/>
<input type="checkbox"> opcja 3<br/>


Jak wstawić kilka input type="checkbox" w miejsce (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) , żeby pola były ustawione jak "pole" tj. jeśli pole,pole2 mają szerokośc 250px to,żeby checkboxy były równo 250px od lewej. W tej chwili jest tak,że 1 jest ok, ale dwa kolejne spadają do drugiej linii ?
Go to the top of the page
+Quote Post
JoShiMa
post
Post #2





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

Ostrzeżenie: (0%)
-----

A weź machnij jakiś szkic jak to ma wyglądać Jakoś wyobraźnia mi szwankuje. Najbardziej prymitywnie jak można to elementy formularza umieścić w tabeli (niezbyt elegancko i dyskusyjne jeśli chodzi o semantykę). Jak pokażesz co tak naprawdę chcesz uzyskać to spróbuję podpowiedzieć.
Go to the top of the page
+Quote Post
Thuunder
post
Post #3





Grupa: Zarejestrowani
Postów: 234
Pomógł: 1
Dołączył: 29.10.2004

Ostrzeżenie: (0%)
-----

Nie wiem czy te inputy wrzucać razem do label, chciałbym to zrobić tak,żeby było dobrze;) chciałbym uniknąć drutowania, a tym bardziej nie chciałbym robić tego na tabelkach.
Zobacz tu jest kod:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=iso-8859-2">
  4. <style type="text/css">
  5. fieldset ul {
  6. margin: 0;
  7. padding: 0;
  8. }
  9. fieldset li {
  10. list-style: none;
  11. margin: 0;
  12. padding: 5px;
  13. }
  14. label {
  15. display:-moz-inline-box;
  16. display:inline-block;
  17. width: 250px;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div id="form">
  23. <form action="">
  24. <fieldset>
  25. <ul>
  26. <li>
  27. <label for="pole">pytanie 1</label>
  28. <input id="pole" type="text" />
  29. </li>
  30. <li>
  31. <label for="pole">pytanie 2</label>
  32. <input id="pole" type="text" />
  33. </li>
  34. <li>
  35. <label for="pole2">pytanie 3</label>
  36. <input type="checkbox"> opcja 1<br/>
  37. <input type="checkbox"> opcja 2<br/>
  38. <input type="checkbox"> opcja 3<br/>
  39. </li>
  40. </ul>
  41. </fieldset>
  42. </form>
  43. </div>
  44. </html>
[HTML] pobierz, plaintext


a powinno być tak jak te pola wyżej czyli w odpowiedniej odległości

Ten post edytował Thuunder 15.12.2008, 12:30:15
Go to the top of the page
+Quote Post
JoShiMa
post
Post #4





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

Ostrzeżenie: (0%)
-----

Wybacz ale nie będę po kodzie zgadywać co chcesz osiągnąć (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Aż tyle czasu wolnego nie mam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Thuunder
post
Post #5





Grupa: Zarejestrowani
Postów: 234
Pomógł: 1
Dołączył: 29.10.2004

Ostrzeżenie: (0%)
-----

Sorki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ale nie mam gdzie tego umieścić ... dlatego podałem cały kod, który pokazuje problem.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 28.09.2025 - 09:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn