2012-06-04 24 views
7

मेरे पास एंकर टैग के साथ एक टेबल सेल है और मैं एंकर टैग की चौड़ाई (और ऊंचाई) को तालिका तालिका की चौड़ाई को भरने के लिए चाहता हूं। अंतर्ज्ञान इस पर काम नहीं कर रहा है। कृपया मदद करे।तालिका तालिका की चौड़ाई को भरने के लिए मुझे एंकर टैग कैसे प्राप्त करें?

HTML:

<table> 
    <tr> 
     <td class="width_is_100px"> 
      <a href="http://www.doesnotwork.com"><span class="make_width_100px">Some Text</span></a> 
     </td> 
    </tr> 
</table> 

सीएसएस: (काम नहीं करता है)

.make_width_100px { 
    width:100px !important; 
} 

एंकर टैग पाठ "कुछ पाठ" के रूप में के रूप में ही चौड़ा है। मैं चाहता हूं कि उपयोगकर्ता टेबल सेल के अंदर कहीं भी क्लिक करने और लिंक को ट्रिगर करने में सक्षम हो। कृपया कोई जावास्क्रिप्ट नहीं है।

+0

अवधि के बजाय div उपयोग करके देखें। अवधि में चौड़ाई और ऊंचाई विशेषता नहीं है। div चौड़ाई को 100% पर सेट करें ताकि यह आपके द्वारा सेट की गई चौड़ाई को भर सके। – rechie

उत्तर

15

यह प्रयास करें:

a { 
    display: block; 
    height: 100%;   
    width: 100%; 
} 
2

अपने <a> तत्व एक ब्लॉक तत्व (यह डिफ़ॉल्ट रूप से इनलाइन) बनाओ:

.width_is_100px a { 
    display:block; 
} 
0
<table> 
    <tr> 
     <td class="width_is_100px"> 
      <a href="http://www.doesnotwork.com"><div style="width:100%;">Some Text</div></a> 
     </td> 
    </tr> 
</table> 
0

इस बहुत देर हो चुकी शायद है, लेकिन, इस में मेरे लिए काम किया विभिन्न सामग्री ऊंचाई के साथ तालिकाओं।

एचटीएमएल

<table class="example"> 
    <tr> 
     <td><a href="">small content</a></td> 
     <td><a href="">multiline<br>content</a></td> 
    <tr> 
</table> 

सीएसएस

table{ 
    padding:10px; /*for example*/ 
} 
table.example td{ 
    overflow:hidden; 
    padding:0px; /*you can need !important*/ 
} 
table.example a{ 
    display: block; 
    height: 100%; 
    width: 100%; 
    padding: 10px 10px 500px 10px; /*table default padding except on bottom 500px for example*/ 
    margin-bottom: -490px; /*same as bottom padding - table padding*/ 
} 
संबंधित मुद्दे