2011-09-02 200 views
6

मैंने 2 कॉलम के साथ एक HTML तालिका बनाई है। मैं चाहता हूं कि टेक्स्ट वाला पहला कॉलम सही गठबंधन हो, लेकिन मैं चाहता हूं कि दूसरा कॉलम बाएं गठबंधन रहें क्योंकि इसमें चेक बॉक्स हैं। प्रस्तुति के लिए यह देखेंगे, लेकिन कोई विचार नहीं है। मैंने एक टीडी क्लास = "कॉलम 1" बनाने की कोशिश की है, फिर पाठ-संरेखण करें: दाएं; सीएसएस में लेकिन कोई भाग्य नहीं है।एक कॉलम को दाएं संरेखित करना और दूसरे को संरेखित करना, एक तालिका के भीतर

किसी भी विचार की सराहना की जाएगी।

एचटीएमएल

<td class="column1">Retrieve Logs:</td> 
<td class="column2"><input type=checkbox name="getcamlogs" checked="checked"></td> 

सीएसएस

td.column1 { 
    text-align: right; 
} 
+0

कुछ भी नहीं है कोड तुम्हें तैनात साथ कुछ गड़बड़ है, में ठीक काम करता है मेरा ब्राउज़र – nobody

+0

वास्तव में? अभी भी खानों पर काम नहीं करेंगे:/ – smurf

+0

ठीक काम करता है, एक साधारण जगह इसे रोक रही थी! ठेठ! बहुत बहुत धन्यवाद! – smurf

उत्तर

6

यहां आपको यह काम करना चाहिए :)

<style> 
    #mytable {width:500px; margin:0 auto;} 
    #mytable td {width:250px;} 
    #mytable .left {text-align:right; background:#333;} 
    #mytable .right {text-align:left; background:#666;} 
</style> 

<table id="mytable"> 
    <tr> 
     <td class="left">1</td> 
     <td class="right">2</td> 
    </tr> 
</table> 
+1

एक स्टाइलिस्ट प्वाइंट के रूप में, जब आप उन्हें बाएं और दाएं से संरेखण बदलने के लिए उपयोग कर रहे हों तो बाएं और दाएं कॉल करने वाले वर्गों से बचने का प्रयास करेंगे। यह सिर्फ भ्रम के लिए एक नुस्खा है। :) – Chris

+0

अच्छा हाँ, लेकिन यह सिर्फ प्रदर्शन उद्देश्यों के लिए है :) –

+0

धन्यवाद, मैं इसे ध्यान में रखूंगा :) – smurf