<td>

Question

में छवियों को लंबवत रूप से संरेखित करने के लिए मुझे <td> मिला जहां दो छवियां() निम्नानुसार दिखाई देती हैं। एक दूसरे की तुलना में बहुत अधिक है। मैं छोटे को <td /> के शीर्ष पर कैसे संरेखित करूं?

<td style="padding-left: 0px; cursor: pointer; vertical-align: top;"> 
<img width="85px" src=".../xyz.png"/> 
<img src=".../icon_live.gif" /> // shorter one 
</td> 

Answer 1

आप अपने <img class="tops"> तो सीएसएस करने के लिए एक वर्ग देते हैं

.tops { 
    vertical-align: top; 
} 

तालिका सेल शीर्ष करने के लिए छवियों के ऊपरी किनारे से आबद्ध करेगा।

Answer 2

आपको छवियों पर लंबवत संरेखण सेट करने की आवश्यकता है।

#logo-table td img, #logo-table td 
{ 
    vertical-align: middle; 
} 

:

<style> 
td img { 
    vertical-align: top; 
} 
</style> 

Answer 3

पहली छवि (लंबा एक)

<td style="padding-left: 0px; cursor: pointer; vertical-align: top;"> 
<img width="85px" src=".../xyz.png" align="top" /> 
<img src=".../icon_live.gif" /> // shorter one 
</td> 

Answer 4

में जोड़ने align="top" इस कोशिश ..

<td cellpadding="0" valign="top"> 
    <img width="85" src=".../xyz.png" style="display:inline;"/> 
    <img src=".../icon_live.gif" style="display:inline;" /> 
</td> 

Answer 5

यह मेरे लिए काम किया है एचटीएमएल में:

<table id="logo-table"> 
     <!--table contents with imgs--> 
</table>