Forum PHP.pl > formularz

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: formularz

Forum PHP.pl > Forum > Po stronie przeglądarki

Thuunder

15.12.2008, 11:42:55

Witam,
Mam taki formularz:

[HTML] pobierz, plaintext 
fieldset ul {
margin: 0;
padding: 0;
}
fieldset li {
list-style: none;
margin: 0;
padding: 5px;
}
label {
display:-moz-inline-box;
display:inline-block;
width: 250px;
}
....
 
	<fieldset>
		<ul>
			<li>
				<label for="pole">opis 1</label>
				<input id="pole" type="text" />
			</li>
			<li>
				<label for="pole2">opis 2</label>
                               
			</li>
		</ul>
	</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

, ż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 ?

JoShiMa

15.12.2008, 12:06:24

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ć.

Thuunder

15.12.2008, 12:20:48

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 
<html>
<head>
<META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=iso-8859-2">
<style type="text/css">
fieldset ul {
margin: 0;
padding: 0;
}
fieldset li {
list-style: none;
margin: 0;
padding: 5px;
}
label {
display:-moz-inline-box;
display:inline-block;
width: 250px;
}
</style>
</head>
<body>
<div id="form">
<form action="">
<fieldset>
<ul>
<li>
<label for="pole">pytanie 1</label>
<input id="pole" type="text" />
</li>
<li>
<label for="pole">pytanie 2</label>
<input id="pole" type="text" />
</li>
<li>
<label for="pole2">pytanie 3</label>
<input type="checkbox"> opcja 1<br/>
<input type="checkbox"> opcja 2<br/>
<input type="checkbox"> opcja 3<br/>
</li>
</ul>
</fieldset>
</form>
</div>
</html>
[HTML] pobierz, plaintext

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

JoShiMa

15.12.2008, 12:38:34

Wybacz ale nie będę po kodzie zgadywać co chcesz osiągnąć

Aż tyle czasu wolnego nie mam

Thuunder

15.12.2008, 12:52:42

Sorki

ale nie mam gdzie tego umieścić ... dlatego podałem cały kod, który pokazuje problem.

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.