captcha画像はインラインで表示できません

Question

私はCodeigniterのCaptchaヘルパーを使用しています。

イメージをフォームにエコーすると、次の要素が常に新しい行にプッシュされます。

入力フィールドをキャプチャ画像とインラインで表示するにはどうすればよいですか？

.captcha img 
    { 
    display:inline; 
    float:left; 
    } 
</style> 

<tr> 
    <td height="35" align="right">กรอกรหัสภาพ</td> 
    <td valign="bottom"></td> 
    <td valign="bottom"> 
     <div class="captcha"><?php echo $captcha['image']; //this is img tag so you can style it through img ?> 
     <input name="userCaptcha" type="text" value="<?php if(!empty($userCaptcha)){ echo $userCaptcha;} ?>" style="width:80px;float:left;" /> 
     </div> 
    </td> 
</tr> 

Answer 1

あなたはそれが機能しなかった場合、あなたは<div>のような他のタグを試してみて、更新することができ

<span style="float:left;"> 
    <?php echo $captcha['image']; ?> 
    <input name="userCaptcha" type="text" value="<?php if(!empty($userCaptcha)){ echo $userCaptcha;} ?>" class="input_zone" style="width:80px;float:left;" /> 
</span> 

下記参照、あなたの<span>タグ内のテキスト入力フィールドを含める必要がありますスタイル、私のサンプルを見る

<div style="display:inline; float:left;"> 
    <?php echo $captcha['image']; ?> 
    <input name="userCaptcha" type="text" value="<?php if(!empty($userCaptcha)){ echo $userCaptcha;} ?>" class="input_zone" style="width:80px;float:left;" /> 
</div> 

Answer 2

このスタイルを追加する：

.captcha{display:inline; } 

と<inputブロック内部からfloat:left;を除去します。

Answer 3

フロート：左と表示：ライン私は

.captcha img 
    { 
    position:absolute; 
    } 

を使用して、それが仕事のすべて で動作しますが、OKではありません。