2012-02-01 66 views
0

任何想法爲什麼我的表單複選框看起來不像模板。也好像在表單的中間部分和表單的底部之間的邊界在我的頁面上較厚。複選框與codeigniter和邊框厚度

http://www.kansasoutlawwrestling.com/kowmanager/

http://www.kansasoutlawwrestling.com/peach/Template/login.html

任何想法?

<div class="top"> 
<div class="gradient"></div> 
<div class="white"></div> 
<div class="shadow"></div> 
</div> 
<div class="content"> 
<h1>KOW MANAGER | LOGIN</h1> 
<div class="background"></div> 
<div class="wrapper"> 
    <div class="box"> 
     <div class="header grey"> 
      <img src="<?php echo base_url() ?>assets/img/icons/packs/fugue/16x16/lock.png" width="16" height="16" /> 
      <h3>Login</h3> 
     </div> 
     <?php echo form_open('') ?> 
     <div class="content no-padding grey"> 
      <div class="section _100"> 
       <?php echo form_label('Username', 'username'); ?>    
       <div> 
        <?php echo form_input('username', set_value('username'), 'class=required'); ?> 
       </div> 
      </div> 
      <div class="section _100"> 
       <?php echo form_label('Password', 'password'); ?> 
       <div>  
        <?php echo form_password('password', '', 'class=required'); ?> 
       </div> 
      </div> 
     </div> 
     <div class="actions"> 
      <div class="actions-left" style="margin-top: 8px;"> 
       <?php echo form_label(form_checkbox('autologin') . ' Auto-login in future'); ?> 
      </div> 
      <div class="actions-right"> 
       <?php echo form_submit(array('id' => 'submit', 'name' => 'submit'), 'Login!'); ?>   
      </div> 
     </div> 
     <?php echo form_close(); ?> 
    </div> 
    <div class="shadow"></div> 
</div> 

+1

。 – emphaticsunshine 2012-02-01 21:06:41

回答

1

一個採用標準的HTML複選框,另一個使用腳本替換該交換的圖像,但提供複選框功能。

+0

我知道這一點,但我想弄清楚我做錯了什麼,以便它能正常工作。 – 2012-02-01 21:07:36

+0

對此有什麼更多的想法? – 2012-02-01 21:30:07

+0

有可能是一些JS代碼尋找頁面上的特定類或ID。然後它用基於圖像的cose代替複選框 – 2012-02-01 21:35:14

0

要刪除您需要這在你的CSS邊界:您必須添加樣式複選框,使它看起來像第二個

.box .actions{ 
    border-top: none; 
} 
+0

這是模板如何使用它嗎?我真的不想搞亂css,必須有一個原因因爲它的邊框沒有相同的邊框,它是一個小問題,它困擾着我 – 2012-02-01 21:10:30

+0

對不起,我不能幫助模板,我不知道你的網頁爲什麼不同。 – IsisCode 2012-02-01 21:19:02