Html borders fix setting for Firefox for table and image
Some versions of Firefox have great trouble to translate and interpret the HTML code for table or image borders.
Such a setting like border="1" cellpadding="0" cellspacing="0" bordercolor="red" can lead to hits extremely bad in Firefox. Why should set all 4 sides of the border and you have to include the setings in style="" to a correct code for Firefox.
In IE that is work perfectly but not in Firefox .
Html code:
<table width="151" height="94" border="1" cellpadding="0" cellspacing="0" bordercolor="red">
<tr>
<td> </td>
</tr>
</table>
The corect html code for IE and Firefox is:
<table width="151" height="94" style="border-left: 1px solid red;border-right: 1px solid red;border-bottom: 1px solid red;border-top: 1px solid red;">
<tr>
<td> </td>
</tr>
</table>
result:
and for image:
<img src="image.jpg" style="border-left: 1px solid red;border-right: 1px solid red;border-bottom: 1px solid red;border-top: 1px solid red;" />
Leave a comment