He is my code and I am trying to let my html code to adjust dynamically according to the screen sizes, but my html code doesn't look like it is working. Where should I change in my code?
<body bgcolor="#F6F9FC" width="100%" style="margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;">
<div style="border-width: background-color: #0A2948; 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; width: 100%; margin-bottom: 0px; height: 55px;">
<center>
<table width="100%" height="100%">
<tr height="55px">
<td width="100%" bgcolor="#0A2948" style="font: 12pt 'Verdana'; color: white; font-weight: bold;">
<center>
<table width="55%">
<tr>
<td valign="middle" width="55%" align="left">
<font color="Orange">T</font>eam<font color="Orange"> M</font>ates
</td>
<td valign="middle" align="right" width="5%">
<img src='<%=request.getContextPath()%>/resources/search.jpg' border="0"/>
</td>
<td valign="middle" align="left" width="10%" style="font: 10pt 'Verdana'; color: white; font-weight: normal;">
Project
</td>
<td valign="middle" align="right" width="5%">
<img src='<%=request.getContextPath()%>/resources/matesearch.jpg' border="0"/>
</td>
<td valign="middle" align="left" width="10%" style="font: 10pt 'Verdana'; color: white; font-weight: normal;">
Mates
</td>
<td valign="middle" align="right" width="5%">
<img src='<%=request.getContextPath()%>/resources/write.jpg' border="0"/>
</td>
<td valign="middle" align="left" width="10%" style="font: 10pt 'Verdana'; color: white; font-weight: normal;">
<a href> Write</a>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</center>
</div>
</body>
Aucun commentaire:
Enregistrer un commentaire