Skocz do zawartości

Temat został przeniesiony do archiwum

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

dejot44

[HTML]Problem z przesuwaniem tekstu

dodany przez dejot44, w Programowanie

Rekomendowane odpowiedzi

dejot44    0

dejot44
Napisano

Witam! Mam kolejne zapewne banalne pytanie. Piszę ekran rejestracji i nie chciałbym, żeby wyświetlane błędy przesuwały resztę tekstu jak widać na zamieszczonych screenach. Jak powinienem tego dokonać? Dodam, że chcę, żeby te błędy się wyświetlały obok pól tekstowych, a nie pod spodem. Tu macie kod:

<body>
<a href="Index.php" style="text-decoration : none;"><div style="color : #a7c3ea;  font-size : 3em; text-align : center; width : 100%;">Bestie</div></a>
<hr style="background-color : white;">
<div class="w3-container w3-text-white w3-myfont">
	<?php echo $GLOBALS['messageU']; ?>
	<div style="margin : auto; text-align : center;">
		<div style="font-size : 2em;">Rejestracja</div>
		<form method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>">
			<?php session_start(); error_reporting(0);?>
			Login: <input type="text" name="username"><span class="error"><?php echo $GLOBALS['nameErr'];?></span> <br>
			Hasło: <input type="password" name="password"> <span class="error"><?php echo $GLOBALS['passwordErr'];?></span> <br>
			E-mail: <input type="text" name="email"> <span class="error"><?php echo $GLOBALS['emailErr'];?></span> <br>
			Płeć: 	<input type="radio" name="gender" value=1 checked>Kobieta
			<input type="radio" name="gender" value=0 >Mężczyzna <br>
			<img id="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image" /><span class="error"><?php echo $GLOBALS['captchaErr'];?></span> <br>
			<input type="text" name="captcha_code"  maxlength="6" style="width : 9em;">
			<a href="#" style="text-decoration : none; color : #4a6379;"onclick="document.getElementById('captcha').src = '/securimage/securimage_show.php?' + Math.random(); return false">Inny obrazek?</a><br>
			<input type="submit" value="Zatwierdź">
		</form>
	</div>
</div>
</body>

I screeny:Klik!Klik!

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi
Udostępnij na innych stronach

januzi    24

januzi
Napisano

jak masz text-align: center; to jak myślisz, dlaczego pola się tak układają?

 

komunikaty błędów wrzuć z <br/> lub wrzuć osobne divy z text-align: left; szerokość też może być potrzebna

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi
Udostępnij na innych stronach

voidsn1010    0

voidsn1010
Napisano

Możesz też za pomocą js sprawdzić położenie i rozmiar inputów, a następnie dać dymek z position: absolute; w odpowiednim miejscu.

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi
Udostępnij na innych stronach
Przejdź do listy tematów

  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...