我把captcha放在我的网站上,这是它的图片
当前布局http://disk128.sherifmohamed.com/images/default.png
我需要更改刷新图标的位置,使其成为这样的
所需布局http://disk128.sherifmohamed.com/images/required.png
但当我把<br>
放在语音和刷新图标之间时,我发现它变成了这样:
错误布局http://disk128.sherifmohamed.com/images/p1.png
我也发现了这个:
错误布局http://disk128.sherifmohamed.com/images/p2.png
这是我的代码:
<p>
<img id="siimage" style="border: 1px solid #000; margin-right: 15px" src="./securimage_show.php?sid=<?php echo md5(uniqid()) ?>" alt="CAPTCHA Image" align="left">
<input type="text" value="إكتب هنا"onfocus="(this.value == 'إكتب هنا') && (this.value = '')"onblur="(this.value == '') && (this.value = 'إكتب هنا')" name="ct_captcha" size="3" style="color: #00FFFF; border:1px solid #FFff00; height:80px; background color:#001003; background:#001003; font-family:Arial; font-size:50px; padding:1px" maxlength="6" />
<object type="application/x-shockwave-flash" data="./securimage_play.swf?bgcol=#ffffff&icon_file=./images/audio_icon.png&audio_file=./securimage_play.php" height="32" width="32">
<param name="movie" value="./securimage_play.swf?bgcol=#ffffff&icon_file=./images/audio_icon.png&audio_file=./securimage_play.php" />
</object>
<a tabindex="-1" style="border-style: none;" href="#" title="Refresh Image" onclick="document.getElementById('siimage').src = './securimage_show.php?sid=' + Math.random(); this.blur(); return false"><img src="./images/refresh.png" alt="Reload Image" onclick="this.blur()" align="bottom" border="0"></a>
<br />
</p>
@Sherif Mohamed,尝试下面的代码。如果你需要的话,我只是在css中做了一些更改;)
<div style="width:100%;">
<div style="width: 25%; float: left;">
<img id="siimage" src="./securimage_show.php?sid=<?php echo md5(uniqid()) ?>" alt="CAPTCHA Image" align="left">
<input type="text" value="إكتب هنا"onfocus="(this.value == 'إكتب هنا') && (this.value = '')"onblur="(this.value == '') && (this.value = 'إكتب هنا')" name="ct_captcha" size="3" style="color: #00FFFF; border:1px solid #FFff00; height:80px; background color:#001003; background:#001003; font-family:Arial; font-size:50px; padding:1px" maxlength="6" />
</div>
<div style="width:60%;">
<object type="application/x-shockwave-flash" data="./securimage_play.swf?bgcol=#ffffff&icon_file=./images/audio_icon.png&audio_file=./securimage_play.php" height="32" width="32">
<param name="movie" value="./securimage_play.swf?bgcol=#ffffff&icon_file=./images/audio_icon.png&audio_file=./securimage_play.php" />
</object><br/>
<a tabindex="-1" style="border-style: none;" href="#" title="Refresh Image" onclick="document.getElementById('siimage').src = './securimage_show.php?sid=' + Math.random(); this.blur(); return false"><img src="./images/refresh.png" alt="Reload Image" onclick="this.blur()" align="bottom" border="0"></a><br />
</div>
</div>