2011-08-20 17 views
5

Gelişmem için yii framework kullanıyorum. CSS yazdım ve <input etiketlerimi html'de düzgün şekilde hizalayabiliyorum ve yii için aynı CSS'yi kullanıyorum ve hizalama bozuk. Bazıları bana yardım edebilir mi?Yii CHtml :: radioButtonList - Yatay olarak hizalamak için CSS

bunu ben

İşte I wanted it to be displayed like below

yii kodudur aşağıda gibi görüntülenecek istedi

<div id="gender"> 
     <label>Gender :</label> 
     <?php echo CHtml::radioButtonList('gender_code','',array('Male'=>'Male','Female'=>'Female'),array('separator'=>'')); ?> 
    </div> 

CSS

<style type="text/css">   
      div#gender { 
        margin-top:20px; 
        margin-left:200px; 
      }  

      div#gender label 
      { 
        font-weight: bold; 
        font-size: 0.9em; 
        float:left; 
        margin-left:2px; 
        text-align:left; 
        width:100px; 
      } 

</style> 

ve (örneğin, css/main.css sonuna kadar) Eğer

div#gender input 
{ 
    float:left; 
} 

cevap

7

görünüyor görüntü aşağıdaki gibi geliyor:

input[type=radio] + label, input[type=checkbox] + label { display:inline !important; } 
+0

Hızlı yanıtınız için teşekkür ederiz. CSS'de iyi değilim ve onları hizalamak için son bir saat boyunca etiketle oynamıyorum. Giriş hakkında bile düşünmemiştim. Bir kez daha yardımınız için teşekkürler – Bujji

+0

@Bujji Hoş Geldiniz :) –

+0

yardım edememekten memnun oldum, bu oylamayı ben yapmadım, tekrar oy kullandım. – Bujji

2

yerde bu css kodu ekleyin gerekebilir gibi

enter image description here

18
<?php echo CHtml::radioButtonList('gender_code','',array('Male'=>'Male','Female'=>'Female'),array(
    'labelOptions'=>array('style'=>'display:inline'), // add this code 
    'separator'=>'', 
)); ?> 
+0

Bu benim için hile yaptı :) – adamors