reCAPTCHA по центру

Question

reCAPTCHA по центру

0

Я очень новичок в PHP! Перед отправкой формы мне удалось перенести мой блок reCAPTCHA на страницу, но после того, как форма была отправлена, окно recaptcha и форма будут шунтированы слева, а результаты отображаются по центру.

Кто-нибудь знает, как я могу убедиться, что как только форма была отправлена, она не движется?

Извините, я очень новичок в PHP/CSS/HTML. Это мой PHP-код HTML только для формы

<div id="form">
<form method="post" action="niindex.php"><table>
<th><h2>I am searching for</h2><th>
<tr><td><select name="categories"><?php echo $str_options; ?></select></td></tr>
<br /> 
<tr><td><?php echo recaptcha_get_html($publickey); ?></td></tr>
<tr><td><input type="submit" id="submit" name="submit" value="Submit" /></td></tr>
</table></form>

и это мой CSS для формы:

#form{
font-family:"Century Gothic";
border:2px dotted #FFB6D7;
text-align:center;
display:inline-block;
padding-top:25px;
padding-bottom:25px;
padding-right:100px;
padding-left:100px;

}

user3095683 17 дек. 2013, в 10:59

Источник

1

Это неправильный HTML-код, который у вас есть. th должно быть в tr и вы не можете иметь <br /> там. А как выглядит код, который вы получаете из recaptcha_get_html ?
putvande 17 дек. 2013, в 09:21
0

Я изменил эти ошибки, спасибо! это до сих пор не решило мою проблему смещения коробки влево после отправки
user3095683 17 дек. 2013, в 09:25

Теги:

php

jquery

html

css

forms

3 ответа

Ещё вопросы

Это неправильный HTML-код, который у вас есть. th должно быть в tr и вы не можете иметь <br /> там. А как выглядит код, который вы получаете из recaptcha_get_html ?
Я изменил эти ошибки, спасибо! это до сих пор не решило мою проблему смещения коробки влево после отправки

mambo · Answer 1 · 2017-09-10T11-32-00.000Z

1. место recapcha внутри <center></center> теги
или
2.

#recapchaPar {
  width: 500px;
  margin: 0 auto;
  text-align:center;
  border: 1px solid #ccc;
}

<div id="recapchaPar">
  123<!-- recapcha code here -->
</div>

или
3.

#recapchaPar {
  width: 10vw;;
  margin: 0 45vw;/* 50vw - width of #recapchaPar/2 */
  text-align:center;
  border: 1px solid #ccc;
}

<div id="recapchaPar">
  123<!-- recapcha code here -->
</div>

AJ101 · Answer 2 · 2013-12-17T08-06-00.000Z

Пройдите вот так: td{ text-align:center; vertical-align:middle; } td{ text-align:center; vertical-align:middle; }

Anup · Answer 3 · 2013-12-17T06-39-00.000Z

Попробуйте этот стиль: -

<div class="captcha">
     Your Captcha code.
</div>

#recaptcha_area {
width: 440px;
margin: auto;
}