I recently updated the style of my asp.net menu, but I am struggling to change the style of the < a href > link. As shown in the image above, the link size does not cover the entire size of the < td > element.
Is there a way to resolve this issue?
Here is the CSS code I am using:
.menuItem
{
height: 50px;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #F5F5F5;
width: 220px;
}
.menuItem a
{
width:220px;
height:50px;
}
Below is the corresponding HTML code:
<table class="menuItem MnuMain_4" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="white-space:nowrap;width:100%;">
<a class="MnuMain_1 menuItem MnuMain_3" style="border-style:none;font-size:1em;" target="main" href="Pages/Cadastro/CadPrograma.aspx">
<img style="border-style:none;vertical-align:middle;" alt="" src="Imagens/Menu/btn-programa.png">
IDs
</a>
</td>
</tr>
</tbody>
</table>