2011-05-18 15 views
277

दृश्य स्टूडियो में, मैं दिखाई दे रही है इन चेतावनियों:एचटीएमएल 5 में, तालिकाओं के संबंध में, सेलपैडिंग, सेलस्पेसिंग, वैल्यूइन और संरेखण की जगह क्या है?

  • मान्यता (एचटीएमएल 5): गुण 'cellpadding' तत्व 'तालिका' में एक मान्य विशेषता नहीं है।
  • प्रमाणीकरण (एचटीएमएल 5): विशेषता 'सेलस्पेसिंग' तत्व 'तालिका' की मान्य विशेषता नहीं है।
  • प्रमाणीकरण (एचटीएमएल 5): विशेषता 'वैल्यूइन' तत्व 'टीडी' की मान्य विशेषता नहीं है।
  • प्रमाणीकरण (एचटीएमएल 5): विशेषता 'संरेखण' तत्व 'td' की मान्य विशेषता नहीं है।

अगर वे एचटीएमएल 5 में मान्य गुण नहीं हैं, उन्हें क्या सीएसएस में बदल देता है?

+0

संभव डुप्लिकेट और "वेलिजन"?] (http://stackoverflow.com/questions/10367387/are-there-css-alternatives-to-the-deprecated-html-attributes-align-and-valign) –

+26

डुप्लिकेट नहीं है। दूसरा प्रश्न केवल "संरेखित" और "valign" के बारे में पूछता है। इसके अलावा, दूसरा सवाल * नया * है। वास्तव में, * अन्य * प्रश्न एक डुप्लिकेट है। – RandomSeed

+14

... और सिर्फ _slightly_ newer नहीं, उस सवाल को लगभग _year after_ mine से पूछा गया था। –

उत्तर

433
/* cellpadding */ 
th, td { padding: 5px; } 

/* cellspacing */ 
table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */ 
table { border-collapse: collapse; border-spacing: 0; } /* cellspacing="0" */ 

/* valign */ 
th, td { vertical-align: top; } 

/* align (center) */ 
table { margin: 0 auto; } 
+6

यह ध्यान देने योग्य है कि सीमा पर इस सीमा का उपयोग करते समय सीमा-अंतर केवल काम करता है "सीमा-पतन: अलग;" – Blowsie

+3

@ सैमिर - लगता है कि एक 'फ्लोट: दाएं;' चाल चल जाएगा। http: // jsfiddle।नेट/एचजीएफएच 7/ – drudge

+0

बाएं और दाएं संरेखित करने के बारे में क्या? –

67

यह आपकी समस्या का समाधान करना चाहिए:

td { 
    /* <http://www.w3.org/wiki/CSS/Properties/text-align> 
    * left, right, center, justify, inherit 
    */ 
    text-align: center; 
    /* <http://www.w3.org/wiki/CSS/Properties/vertical-align> 
    * baseline, sub, super, top, text-top, middle, 
    * bottom, text-bottom, length, or a value in percentage 
    */ 
    vertical-align: top; 
} 
+0

एफवाईआई: http://stackoverflow.com/questions/10367387/are-there-css-alternatives-to-the-deprecated-html-attributes-align-and-valign – Shog9

3

वैकल्पिक रूप से, विशेष रूप से तालिका

<table style="width:1000px; height:100px;"> 
    <tr> 
     <td align="center" valign="top">Text</td> //Remove it 
     <td class="tableFormatter">Text></td> 
    </tr> 
</table> 

के लिए उपयोग कर सकते हैं बाहरी फ़ाइल

.tableFormatter 
{ 
width:100%; 
vertical-align:top; 
text-align:center; 
} 
+0

FYI से स्थानांतरित हो गया: http: // stackoverflow से स्थानांतरित हो गया .com/प्रश्न/10367387/हैं-सीएसएस-विकल्प-टू-द-डिप्लेटेड-एचटीएमएल-एट्रिब्यूट्स-एलाइन-एंड-वैलिग – Shog9

+1

इनलाइन सीएसएस की अनुशंसा नहीं की जाती है। –

+0

हाँ आप सही हैं। मैं सिफारिश नहीं करता हूं। हम बाहरी सीएसएस फ़ाइल के लिए जाते हैं। क्लासनाम {चौड़ाई: 100%; पाठ-संरेखण: केंद्र; लंबवत-संरेखण: शीर्ष;} धन्यवाद – JaiSankarN

12

विशेष मेज पर इस सीएसएस जोड़ें

<table style="border-collapse: separate; border-spacing: 10px;" > 
 
    <tr> 
 
     <td>Hi</td> 
 
     <td>Hello</td> 
 
    <tr/> 
 
    <tr> 
 
     <td>Hola</td> 
 
     <td>Oi!</td> 
 
    <tr/> 
 
</table>

0

मैं तुम्हें दृश्य स्टूडियो का उपयोग कर रहे वेब पेज को संपादित करने के बारे में सोचो। तब मुझे भी एक ही समस्या का सामना करना पड़ा। बात यह है कि इस तत्व के लिए ऐसी कोई 'विशेषता' नहीं है।

आप शैली से इस विशेषता को ले जाने के लिए है:

से:

<td valign="top">XXXX</td> 

करने के लिए:

<td style="vertical-align:top;">XXXX</td> 
की [पदावनत HTML के लिए वहाँ सीएसएस वैकल्पिक विशेषता "संरेखित" क्या
संबंधित मुद्दे