Click here to Skip to main content
15,889,901 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I have developed a code in asp.net in that i have a background image for 5 icons i need to change the front text, if the front text exceeds for more than some character my back ground image is not come in a proper alignment so what i should have to do?
Posted
Comments
Naz_Firdouse 2-May-14 6:32am    
not in a proper alignment means...please eloborate
ganesh89_babu 2-May-14 6:42am    
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="115px" style="height:101px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="background-repeat:no-repeat;background-image:url(images/talk_rates_bg.gif); background-position:inherit">

<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="center">Bangladesh Landline</div></td>
</tr>
<tr>
<td>

<span class="country_rate_1">0</span><span class="country_rate_2">p/min</span>
</td>
</tr>
</table></td>
</tr>
</table></td>
<td><table width="115px" style="height:101px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="background-repeat:no-repeat;background-image:url(images/talk_rates_bg.gif);"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="center">
India Landline
</div></td>
</tr>
<tr>
<td>
<span class="country_rate_1">0</span><span class="country_rate_2">p/min</span>

</td>
</tr>
</table></td>
</tr>
</table></td>
<td><table width="115px" style="height:101px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="background-repeat:no-repeat;background-image:url(images/talk_rates_bg.gif);"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>

<td>
<div align="center">
China & Mobile
</div></td>
</tr>
<tr>
<td>

<span class="country_rate_1">0</span><span class="country_rate_2">p/min</span>
</td>
</tr>
</table></td>
</tr>
</table></td>
<td><table width="115px" style="height:101px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="background-repeat:no-repeat;background-image:url(images/talk_rates_bg.gif);">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="center">
United States & Mobile
</div></td>
</tr>
<tr>
<td>

<span class="country_rate_1">0</span><span class="country_rate_2">p/min</span>
</td>
</tr>
</table></td>
</tr>
</table></td>
<td><table width="115px" style="height:101px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="background-repeat:no-repeat;background-image:url(images/talk_rates_bg.gif);">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="center">
Canada & Mobile
</div></td>
</tr>
<tr>
<td>

<span class="country_rate_1">0</span><span class="country_rate_2">p/min</span>
</td>
</tr>
</table></td>
</tr>
</table></td>
<td><table width="115px" style="height:101px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="background-repeat:no-repeat;backgr
ganesh89_babu 2-May-14 6:43am    
i dunno how to put my local image to you

1 solution

Try setting
C#
background-size:80px 80px; //some fixed height and width 
 (OR)
background-size:auto;

For more info, have a look at this
CSS background-size
 
Share this answer
 
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900