Formularz HTML - Dwa submity obok siebie.

0

Witam,
robię małą stronę na zaliczenie projektu na studiach, mam mały problem z wyświetlaniem dwóch subbmitów (osobne formularze) obok siebie - ponieważ pojawiają się pod sobą.
Obecnie wygląda to tak:

			<form method='post'>
			<fieldset>
				<legend>Dane użytkownika</legend>
				<form id='formLoguj' action='P54_P1.php' method='post'>
				<p>
					<label>Login: </label>
					<input id='txtLogin' name='txtLogin' type='text'/>
				</p>
				<p>
					<label>Hasło: </label>
					<input id='pwdHaslo' name='pwdHaslo' type='password'/>
				</p>
				<input class='test' type='submit' value='Loguj' />
				</form>
				lub 
				<form id='formRej' action='rejestracja.php' method='post'>
					<input type='hidden' name='rejestracja' id='rejestracja' value='logon'>
					<input class='test' type='submit' value='Rejestracja' />
				</form>
			</fieldset>
		</form>
	

W stylach dodałem:

.test
{
display: inline;
}

Lecz niestety nie dało to oczekiwanych rezultatów - obecnie wygląda to tak:
user image

A chciałbym żeby był jeden obok drugiego.

0

Zobacz jak działa ten znacznik.

0

Dodałem float:right; i efekt jest prawie zadowalający - to znaczy jest po prawej stronie ale cały czas linie niżej. Jak zrobić, żeby był linijkę wyżej?

0

@noVak w odpowiedzi do komentarza

.test
{
 float: left;
}

W HTML'u:

<form id='formRej' action='rejestracja.php' method='post'>
    <div class="test"><input type='hidden' name='rejestracja' id='rejestracja' value='logon'></div>
    <div class="test"><input type='submit' value='Rejestracja' /></div>
    <div style="float: clear"><!--empty div--></div>
</form>

Pisane "na kolanie" ale powinno działać.

0

Zmieniłem trochę mój formularz, dodałem to co właśnie stworzyłeś - ale efekt jest ten sam, co na poprzednim screenie.
Obecnie wygląda to tak:

	<form method='post'>
	<fieldset>
	<legend>Dane użytkownika</legend>
	<form id='formLoguj' action='P54_P1.php' method='post'>
	<p>
		<label>Login: </label>
		<input id='txtLogin' name='txtLogin' type='text'/>
	</p>
		<p>
		<label>Hasło: </label>
		<input id='pwdHaslo' name='pwdHaslo' type='password'/>
	</p>
	<input type='submit' class='test1' value='Loguj' />
	</form>
	 lub 
	<form id='formRejestruj' action='rejestracja.php' method='post'>
    <div class='test'><input type='submit' class='test' name='rejestruj' value='Rejestruj' /></div>
    <div style='float: clear'><!--empty div--></div>
	</form>
	</fieldset>
	</form>

W sumie - nie ma jakiegoś prostszego rozwiązania? Java Script na przykład - w sumie dla mnie efekt się liczy - zrobić to nie jest jakiś duży problem.

0

Tutaj masz odpowiedź.
Jakieś zaćmienie mam ;d

1 użytkowników online, w tym zalogowanych: 0, gości: 1